Весь день убиваюсь над вертикальной менюшкой...
Расстояние между кнопками в IE всегда на 1px больше, чем в мозилле =((((
Вот css код:
-x-system-font:none;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
line-height:normal;
background:transparent url(/images/sub-button-a.jpg) no-repeat scroll;
background-position: top left;
font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;
font-size: 10pt;
color:#c3c3c3;
display:block;
margin-bottom: 1px;
padding-top:5px;
padding-left: 32px;
padding-bottom:5px;
text-decoration:none;
width:229px;
}
#sub-buttons a:hover {
background:transparent url(/sub-button-hover.jpg) no-repeat scroll;
background-position: top left;
}
/*Menus*/
ul.menu {
list-style: none;
border: none;
text-align:left;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
}
вот html:
<ul class="menu">
<li class="leaf">
<a title="Тестовый пункт" href="/">Тестовый пункт</a>
</li>
<li class="leaf">
<a title="Другой тестовый пункт" href="/">Другой тестовый пункт</a>
</li>
<li class="leaf">
<a title="Еще тест" href="/">Еще тест</a>
</li>
<li class="leaf">
<a title="Последняя" href="/">Последняя</a>
</li>
</ul>
</div>
Помогите сделать одинаковое растояние между кнопками в обоих браузерах... Я уже отчаялся, честное слово=(((
Может проблема в том что выводится тег li ?
Я бы с радостью обрамил в divы, но мои правки theme.inc не вносятся именно в ЭТУ менюшку. Остальные слушаются, что я сменяю li на div, а эта менюшка как была c li, так и осталась.
Помогайте коллеги.. я в ауте..
Комментарии
Ну а где атрибуты li в вашем css? Отсюда и проблема. У ИЕ есть траблы с обработкой списков, но всё решаемо.
да уж...
Я бы на вашем месте закрыл бы регистрацию )))
явно css стыреный. отсюда и грабли
А как вы определили что он стыреный?)))) Помоему, CSS вполне поддается критерию схожести на многих сайтах))))
часть я смотрел прямо на drupal.ru, но в качестве поиска хоть какой то подсказки.
Грабли в том, что на мой взгляд самым верным решением было бы заставить парсить мою менюшку в div. Но если бы знать, где копать...
div решили мою проблему.
всегото нужно было стили переделать...
http://cssing.org.ua/2008/03/09/ul-li-ie-bug/
http://cssing.org.ua/examples/ul/ul.html
не поверите, на глаз!
-x-system-font:none; fuffuf copy-paste