|
| |
|
|
| |
для: AlexSol
(28.07.2006 в 09:21)
| | | display для ul ничего не меняет.
А вот ссылка классная. Там главное горизонтальное меню - как раз то, что я я хотел сделать.
Спасибо. | |
| |
|
|
| |
|
|
| |
для: Хулиган
(28.07.2006 в 03:15)
| | |
<div class="mm">
<li><a href='index.php'>ГЛАВНАЯ</a></li> </div>
</td>
<td width='20%' align='center'>
<div class="mm">
<ul>
<li><a href='news.php'>НОВОСТИ</a></li>
</ul> </div>
|
думаю дело в том, что для ul не задано display: (попробую inline, block)
кстати можно убрать таблицу и поставить display: inline у ul - получиться горизонтальный список
http://alvit.de/css-showcase/css-navigation-techniques-showcase.php
примеры меню на css | |
| |
|
|
| |
|
|
| |
для: Padonak
(28.07.2006 в 02:35)
| | | Кроме этих ссылок, на странице есть ещё другие (они организованы в вертикальный список с этим же классом 'mm') поэтому убирать ul и li из стилей не получается. А убирать из той таблицы, что я привёл выше - ничего не даёт, уже пробовал. Тут дело именно в div-ах. | |
| |
|
|
| |
|
|
| |
для: Иннокентий
(28.07.2006 в 00:57)
| | | да поступи грубо и просто - поубирай все <ul> и <li> и все дела. не совсем честно говоря понятно зачем они там нужны | |
| |
|
|
| |
|
|
| |
для: Хулиган
(28.07.2006 в 00:07)
| | | мистика какая-то | |
| |
|
|
| |
|
|
| | Делаю горизонтальную планку ссылок (таблица 1 строка, 5 ячеек, в каждой ячейке - <div>, в <div> - сидит <li>, в котором <a>).
<table align='center' width='95%' height='32px' border=0>
<tr>
<td width='20%' align='center'>
<div class="mm">
<li><a href='index.php'>ГЛАВНАЯ</a></li>
</div>
</td>
<td width='20%' align='center'>
<div class="mm">
<ul>
<li><a href='news.php'>НОВОСТИ</a></li>
</ul>
</div>
</td>
<!-- здесь ещё три аналогичные ячейки с ссылками -->
</tr>
</table>
|
Класс mm я сделал такой:
.mm {
margin-bottom: 1em;
}
.mm ul {
margin: 0;
padding: 0;
list-style: none;
}
.mm li {
display: inline;
padding: 0;
margin: 0;
}
.mm li a {
display: block;
padding: 7px 5px 5px 7px;
FONT-FAMILY: Verdana, Tahoma, Arial, sans-serif;
FONT-SIZE: 13px;
FONT-WEIGHT: bold;
COLOR: #336699;
text-decoration: none;
BACKGROUND-IMAGE: url(/img/hdrfon1.gif);
}
.mm li a:hover {
BACKGROUND-IMAGE: url(/img/hdrfon11.gif);
color: #000000;
}
|
Теперь такая проблема: ячейки таблицы ведут себя по-разному при наведении на них мыши.
Первая ячейка целиком воспринимается как ссылка (т.е вся площадь ячейки работает как ссылка), а остальные 4 - только при наведении мыши непосредственно на текст ссылки.
Почему такая разница для совершенно одинаковых ячеек? Как победить?
А мозила и опера все пять ячеек ведут себя одинаково: как первая. | |
| |
|
|
|
