Проблема с float'ом

[Wasc]

Всем привет.

Есть UL лист из элементов(без декоров и лист стайлов). В элементах ссылки. Ссылка имеет меняющийся бэкграунд при наведении.

На данный момент элементы расположены вертикально, я хочу сделать горизонтально и использую float:left;

И тут возникает проблема:

В FireFox вообще перестает читать элементы как ссылки. Бэкгрунд подавно не менятся.

В Opera и IE читает ссылку и меняется бэк лишь при наведении на текст ссылки, а не на любую область в элементе.

Пробовал display:inline - тоже самое проиходит.

При желании вымещу css и html скрипты и сделаю скрины

Спасибо за содействие.

Edited August 29, 2011 by Wasc

[web-monster]

Код на обозрение плиз

[Wasc]

Это html (точнее его кусок)

<div id="navMenu">
<ul class="standby_container">
	<li> <a href="#" class="homepage">Главная</a></li>
	<li> <a href="games.html" class="games">Игры</a></li>
	<li> <a href="shop.html" class="shop">Магазин</a> </li>
	<li> <a class="dp1"></a> </li>
	<li> <a href="mainmenu.html" class="crazzard"></a> </li>
	<li> <a href="$LOGIN_FORM$" class="acc">Аккаунт</a> </li>
	<li> <a href="forum.html" class="forum">Форум</a> </li>
	<li> <a href="iron4ged.html" class="downloads">Загрузки</a> </li>
</ul>
</div>

Это CSS

#navMenu ul.standby_container {
	margin:0;
	padding:0;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	width:663px;
}

#navMenu ul.standby_container li {
	font-size: 0.8em;
	font-family: "normal Century Gothic", "Calibri", monospace;
	list-style: none;
	text-align:center;
	height:35px;
	line-height:35px;
	display:block;
	float:left;
}

#navMenu ul.standby_container li a {
	color:#FFF;
	text-decoration:none;
	display:block;
}

#navMenu ul.standby_container li a:hover {
	color:#000;
	text-decoration:none;
}

#navMenu ul.standby_container li a.homepage {
	background-image: url("file://localhost/C:/Crazzard/Web-Site/img/topmenu-left.png");
	height: 35px;
	width: 78px;
}

#navMenu ul.standby_container li a.homepage:hover {
	background-image: url("file://localhost/C:/Crazzard/Web-Site/img/topmenu-overleft.png");
	height: 35px;
	width: 78px;
}

#navMenu ul.standby_container li a.games {
	background-image: url("file://localhost/C:/Crazzard/Web-Site/img/topmenu-middle.png");
	height: 35px;
	width: 90px;
}

#navMenu ul.standby_container li a.games:hover {
	background-image: url("file://localhost/C:/Crazzard/Web-Site/img/topmenu-overmiddle.png");
	height: 35px;
	width: 90px;
}

#navMenu ul.standby_container li a.shop {
	background-image: url("file://localhost/C:/Crazzard/Web-Site/img/topmenu-middle.png");
	height: 35px;
	width: 90px;
}

#navMenu ul.standby_container li a.shop:hover {
	background-image: url("file://localhost/C:/Crazzard/Web-Site/img/topmenu-overmiddle.png");
	height: 35px;
	width: 90px;
}

#navMenu ul.standby_container li a.dp1 {
	background-image: url("file://localhost/C:/Crazzard/Web-Site/img/dropmenu-ahead.png");
	height: 35px;
	width: 17px;
}

#navMenu ul.standby_container li a.dp1:hover {
	background-image: url("file://localhost/C:/Crazzard/Web-Site/img/dropmenu-overahead.png");
	height: 35px;
	width: 17px;
}

#navMenu ul.standby_container li a.crazzard {
	background-image: url("file://localhost/C:/Crazzard/Web-Site/img/topmenu-crazzard.png");
	height: 35px;
	width: 130px;
}

#navMenu ul.standby_container li a.crazzard:hover {
	background-image: url("file://localhost/C:/Crazzard/Web-Site/img/topmenu-overcrazzard.png");
	height: 35px;
	width: 130px;
}

#navMenu ul.standby_container li a.dp2 {
	background-image: url("file://localhost/C:/Crazzard/Web-Site/img/dropmenu-ahead.png");
	height: 35px;
	width: 17px;
}

#navMenu ul.standby_container li a.dp2:hover {
	background-image: url("file://localhost/C:/Crazzard/Web-Site/img/dropmenu-overahead.png");
	height: 35px;
	width: 17px;
}

#navMenu ul.standby_container li a.acc {
	background-image: url("file://localhost/C:/Crazzard/Web-Site/img/topmenu-middle.png");
	height: 35px;
	width: 90px;
}

#navMenu ul.standby_container li a.acc:hover {
	background-image: url("file://localhost/C:/Crazzard/Web-Site/img/topmenu-overmiddle.png");
	height: 35px;
	width: 90px;
}

#navMenu ul.standby_container li a.forum {
	background-image: url("file://localhost/C:/Crazzard/Web-Site/img/topmenu-middle.png");
	height: 35px;
	width: 90px;
}

#navMenu ul.standby_container li a.forum:hover {
	background-image: url("file://localhost/C:/Crazzard/Web-Site/img/topmenu-overmiddle.png");
	height: 35px;
	width: 90px;
}

#navMenu ul.standby_container li a.downloads {
	background-image: url("file://localhost/C:/Crazzard/Web-Site/img/topmenu-right.png");
	height: 35px;
	width: 78px;
}

#navMenu ul.standby_container li a.downloads:hover {
	background-image: url("file://localhost/C:/Crazzard/Web-Site/img/topmenu-overright.png");
	height: 35px;
	width: 78px;
}

Скриншоты надо?

[Vlad]

Приведите код в порядок для начала. Убрать всякие height: 35px; и width: 90px; в :hover, они уже есть в ссылке, повторять нет нужды.

file://localhost/C:/ - за это бьют канделябром. Указывайте относительно стилевого файла пути.

[amelice]

Всем привет.

Есть UL лист из элементов(без декоров и лист стайлов). В элементах ссылки. Ссылка имеет меняющийся бэкграунд при наведении.

На данный момент элементы расположены вертикально, я хочу сделать горизонтально и использую float:left;

И тут возникает проблема:

В FireFox вообще перестает читать элементы как ссылки. Бэкгрунд подавно не менятся.

В Opera и IE читает ссылку и меняется бэк лишь при наведении на текст ссылки, а не на любую область в элементе.

Пробовал display:inline - тоже самое проиходит.

При желании вымещу css и html скрипты и сделаю скрины

Спасибо за содействие.

Wasc, ваш код работает в ИЕ, Фаерфоксе, если бекграунд сделать обычным цветом при наведении. Значит проблема у вас в путях. Сделайте как Влад сказал.

[Wasc]

Не знаю, я уже привык с локалхостом. Ну можно поменять.

Cheburek причем тут ссылки, если когда я убираю float:left; все нормально с ними, просто они в вертикальном положении

Очень и очень странно. Сейчас перекопировал на новый html файл весь Див navMenu и подключил только вышенаписанный css и все почему то заработало.

В полной сборке сайта почему то не хочет. Нужен полный код?

Сам нашел в чем проблема:

у меня на сайте стоит флэшка у которой параметры position:relative z-index:1;

убрав эти параметры я пофиксил ссылки, однако я хотел сделать еще дропдаун меню (jquery), а флэшка закрывает его, поэтому ставил z-index'ы.

Похоже придется без него, или у кого есть какие предложения?

[amelice]

Cheburek причем тут ссылки, если когда я убираю float:left; все нормально с ними, просто они в вертикальном положении

Очень и очень странно. Сейчас перекопировал на новый html файл весь Див navMenu и подключил только вышенаписанный css и все почему то заработало.

В полной сборке сайта почему то не хочет. Нужен полный код?

При том, что у вас с ними были проблемы, как вы написали выше:

В FireFox вообще перестает читать элементы как ссылки. Бэкгрунд подавно не менятся.

Не код, а можете ссылку дать на сайт?

Edited August 30, 2011 by cheburek

[Wasc]

Да без проблем:

file://localhost/C:/Crazzard/Web-Site/rules.html

Зайдете?

[amelice]

Да без проблем:

file://localhost/C:/Crazzard/Web-Site/rules.html

Зайдете?

А мне это надо?

[Wasc]

Не буду разводить флуд.

Тему закройте с ошибкой разобрался. Дальше как-нибудь сам