Вид для печати
Вот менюха:
[Only registered and activated users can see links. Click Here To Register...]
Почему-то справа от вертикальных палок расстояние больше, чем слева, хотя должно быть одинаково (1px).
Кучу раз менял маргины и паддинги, h-space, расстояние между столбов таблицы - тщетно.
Помогите, плз, скажите, из-за чего так...
! В Опере съезжает (из-за этого, кстати - расстояния не хватает), смотреть в ИЕ или ФФ.
Сверстай списком и дивами так будет легче...
[Only registered and activated users can see links. Click Here To Register...]
Да, я уже перверстал...
Но для общего кругозора охота всё же узнать, из-за чего такая вещь...
Вообще с таблицами работаю давно, но до сих пор в них для меня открывается что-то новое и удивительное, хотелось бы проследить во всём этом логику.
А там нет логики)
Использование таблиц для представления нетабличных данных – это вообще штука жутко нелогичная)
подскажите как сделать меню
делаю списком
<div class="menu">
- [Only registered and activated users can see links. Click Here To Register...]
- [Only registered and activated users can see links. Click Here To Register...]
- [Only registered and activated users can see links. Click Here To Register...]
- [Only registered and activated users can see links. Click Here To Register...]
</div>
.menu li{
list-style: url(images/li.gif);
list-style-position: inside;
margin: 0px;
padding: 0px;
}
.menu ul{
margin: 0px;
padding: 0px;
}
a.menu_li_a{
background-color: transparent;
padding: 0px;
margin: 0px;
padding-left: 5px;
display: block;
text-decoration: none;
color: #0b2745;
font: 14px "@Arial Unicode MS" red;
height: 20px;
border: 1px solid red;
border-bottom: none;
}
в опере замечательно работает, в ие маркеры не являются ссылкой, а в мозилле вообще жуть: на одной строке маркер, в другой идет ссылка. как с этим справиться?
[/quote]Цитата:
Originally posted by Dragonfly@Apr 24 2008, 00:50
как с этим справиться?
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
Забыть про list-style: url(images/li.gif); и list-style-position: inside;. Вместо них воспользоваться фоновым графическим изображением для задания маркера (backgroud-image и padding-left для элементов li).
Пасибо большое! Все получилось. Только я использовала backgroud-image и padding-left для элементов а в li, чтобы тоже в ссылку входило
Dragonfly
На вкус и цвет. [Only registered and activated users can see links. Click Here To Register...]