Проблема с CSS
Вложений: 1
Доброго времени суток, такая проблема:
есть див-шапка сайта в нем расположено еще 3 маленьких дива-кнопки у всех уснановлен фиксированый размер в пикселях. 3 кнопки спозиционированны в нужное место дива, и кним преписан скрипт который меняет позицию бекграунда, а так же меняет указатель мыши. проблема в том что. все пространство на котором должны были бы находится кнопки, не будь они спозиционорованны, также реагирует как и кнопки, но визуально там ничего нет. такая проблема только в мозиле, в опере и ИЕ все норм. какие есть решения?? |
А конктретно вы имеете в виду , почему если наводить указатель мыши , к примеру справа от кнопки "Статьи", то кнопка реагирует на это событие ?я немного не понял вопроса
|
да.
но в мозиле это происходит еще и тогда, когда я навожу мышь выше кнопок. |
Вложений: 1
В Мозилле ваш финт не прокатит, если посмотреть то видно что выделение соответствует ширине ваших дивов- 53 пк , в верхней части будет отображаться в строке состояния lib.html, через 53 пк следующая ссылка , и т.д ,а потом относительно этих ссылок вы позиционируете ваши Div элементы.
Я советую вам заключить в div ваши ссылки , тем самым первый геммор решен, далее после этого стоит правильно спозиционировать элементы в потоке вашей шапке, короче склифасовский вот скидываю результат... во всех ваших трех браузерам у меня он работает корректно ))) |
спасибо.
|
еще вопрос:
хочу отобразить блок с кнопками по правому краю экрана вот код:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" >
<style type="text/css">
*{margin:0px; padding:0px;}
input {font: 10pt Tahoma;}
input.button {margin-left:2px; width:30px; height:30px; background:#E0E9E9; border:1px solid grey; display:block; float:left;}
input.size {width:40px; height:30px; background:#E0E9E9; border:1px solid grey; float:left; margin-left:30px; vertical-align:middle;}
input.button_2 {width:20px; height:15px; background:#E0E9E9; border:0px; display:block; margin:0px; float:left;}
#bottom {text-align:right; width:100%;}
</style>
<script type="text/javascript">
</script>
<title></title>
</head>
<body>
<div id="bottom">
<div style="width:192px;">
<input class="button" name="b" type="button" value="B"/>
<input class="button" name="i" type="button" value="I"/>
<input class="button" name="u" type="button" value="U"/>
<input class="size" name="size" id="size" type="text" value="10"/>
<input class="button_2" name="plus" type="button" value="+"/>
<input class="button_2" name="minus" type="button" value="-"/>
</div>
<div>
</body>
</html>
в ИЕ всё работает. а в мозиле по левому краю выравнивается. |
| Часовой пояс GMT +3, время: 01:20. |