[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: display:block;
shmali
Всем доброго времени суток. Вот какая проблема :
делаю обычное меню вот код:
#nav 
{
list-style:circle inside;
padding:0px;
margin:0px;
}
#nav a
{
text-decoration:none;
display:block;
margin-bottom:0px;
line-height:4px;
color:#b00f0c;
font:12px Georgia, "Times New Roman", Times, serif;
font-weight:bold;
padding:4px 5px;
width:100%;
}
#nav a:hover {padding-left:10px; color:#060;}


все классно во всех браузерах кроме моего "любимого" IE.
пока не было опции width:100%; в #nav расстояние между ссылками получалось больше раза в 3 чем установлено , теперь отображает правильно но при наведении правая сторона сайта двигается вправо, получается что мои padding двигает весь сайт а не только ссылку.
кто подскажет как исправить ?



Спустя 1 час, 44 минуты, 27 секунд (12.12.2010 - 19:03) shmali написал(а):
печально sad.gif

Спустя 2 часа, 46 минут, 47 секунд (12.12.2010 - 21:50) glock18 написал(а):
1. а хтмл у этого меню есть?

2. естественно при наведении будет сдвигаться все, раз паддинг добавляется. тогда уменьшай при наведении ширину/бордер/маргин

Спустя 2 часа, 5 минут, 6 секунд (12.12.2010 - 23:55) shmali написал(а):
HTML есть но там ничего интересного , обычный упорядоченный список если это важно вот
<ul id="nav">
<li><a
href="#">Ссылка</a></li>
<li><a
href="#">Ссылка</a></li>
<li><a
href="#">Ссылка</a></li>
<li><a
href="#">Ссылка</a></li>
<li><a
href="#">Ссылка</a></li>
</ul>


все проблема не в margine даже если поставить block по размеру ссылки а не всего списка , ничего не меняется.
Вся проблема в Internet Explorere... тут нужен ХАК на правильное отображение и я знал его а сейчас вспомнить не могу.... если кто помнит буду признателен...

Спустя 1 час, 35 минут, 33 секунды (13.12.2010 - 01:30) inpost написал(а):
margin мне помог в таком же случае на моем сайте.

Спустя 12 часов, 29 минут, 20 секунд (13.12.2010 - 14:00) shmali написал(а):
Ладно , закрывайте тему ... ответа никто не знает...
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.