Форум

COKOJIOB · #1 (**permalink**) 24.07.2009, 23:24

Доброго времени суток, такая проблема:
есть див-шапка сайта
в нем расположено еще 3 маленьких дива-кнопки
у всех уснановлен фиксированый размер в пикселях.
3 кнопки спозиционированны в нужное место дива, и кним преписан скрипт который меняет позицию бекграунда, а так же меняет указатель мыши.

проблема в том что.
все пространство на котором должны были бы находится кнопки, не будь они спозиционорованны, также реагирует как и кнопки, но визуально там ничего нет.

такая проблема только в мозиле, в опере и ИЕ все норм.
какие есть решения??

gosha_kap · #2 (**permalink**) 27.07.2009, 05:27

А конктретно вы имеете в виду , почему если наводить указатель мыши , к примеру справа от кнопки "Статьи", то кнопка реагирует на это событие ?я немного не понял вопроса

COKOJIOB · #3 (**permalink**) 27.07.2009, 15:59

да.

но в мозиле это происходит еще и тогда, когда я навожу мышь выше кнопок.

gosha_kap · #4 (**permalink**) 27.07.2009, 17:51

В Мозилле ваш финт не прокатит, если посмотреть то видно что выделение соответствует ширине ваших дивов- 53 пк , в верхней части будет отображаться в строке состояния lib.html, через 53 пк следующая ссылка , и т.д ,а потом относительно этих ссылок вы позиционируете ваши Div элементы.
Я советую вам заключить в div ваши ссылки , тем самым первый геммор решен, далее после этого стоит правильно спозиционировать элементы в потоке вашей шапке, короче склифасовский вот скидываю результат... во всех ваших трех браузерам у меня он работает корректно )))

COKOJIOB · #5 (**permalink**) 28.07.2009, 21:55

спасибо.

COKOJIOB · #6 (**permalink**) 04.08.2009, 14:19

еще вопрос:
хочу отобразить блок с кнопками по правому краю экрана
вот код:

<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>

в ИЕ всё работает.
а в мозиле по левому краю выравнивается.

Форум

Справочник

Discord чат

Курсы javascript