| |
|
|
| | Столкнулся с такой проблемой:
<ul>
<li><a href=''></a></li>
<li><a href=''></a></li>
<li><a href=''></a></li>
</ul>
где
li {display:inline;}
a {display:block;}
|
Результат: список отображается так, словно у li свойство display = block.
Как обойти это явление? | |
| |
|
|
| |
|
|
| |
для: prosaic
(29.07.2009 в 12:35)
| | | никак | |
| |
|
|
| |
|
|
| |
для: prosaic
(29.07.2009 в 12:35)
| | | Попробуйте для 'a' добавить float:left ? | |
| |
|
|
| |
|
|
| |
для: yuk
(29.07.2009 в 14:45)
| | | не помогает. по идее вложенность должна доминировать, выходит, что браузер выбирает свойство. | |
| |
|
|
| |
|
|
| |
для: prosaic
(29.07.2009 в 15:06)
| | | А какой результат вы хотите получить в итоге? | |
| |
|
|
| |
|
|
| |
для: yuk
(29.07.2009 в 15:16)
| | | вся проблема в фоне ссылок. при наведении должна менятся картинка с помощью всевдо-свойства hover. для того чтобы задать размер тега <a> необходимо указать display:block. но меню у меня создано с помощью списка <ul><li></li></ul> и отображается горизонтально, то есть display:inline
вот така дилемма.
да, и почему меня заинтересовала такая реализация. используя ячейки таблицы всё получается. в <td> можно размещать элементы с display:block и они не будут "складывать" <td> вертикально | |
| |
|
|
| |
|
|
| |
для: prosaic
(29.07.2009 в 15:27)
| | | помогает свойство float:right вместо display:inline
вы правы, я не сразу понял, что одно на другое надо поменять. я только добавил))))
спасибо | |
| |
|
|
| |
|
|
| |
для: prosaic
(29.07.2009 в 15:52)
| | | Честно говоря, я и имел ввиду добавить.
Вот, например:
<html>
<head>
<style>
li{
display:inline;
}
a{
display:block;
float:left;
border:1px solid gray;
padding: 5px 10px;
}
</style>
</head>
<body>
<ul>
<li><a href='javascript:void(0);'>ГЛАВНАЯ</a></li>
<li><a href='javascript:void(0);'>Новости</a></li>
<li><a href='javascript:void(0);'>О нас</a></li>
<li><a href='javascript:void(0);'>Контакты</a></li>
</ul>
</body>
</html>
|
работает.
Конечно же, это не единственный вариант. | |
| |
|
|
| |
|
|
| |
для: prosaic
(29.07.2009 в 15:27)
| | | - | |
| |
|
|
