|
 5.2 Кб |
|
| В горизонтальном меню одна из ссылок раскрывается. Код очень простой:
<div class="menju"><a href="#">Один</a></div>
<div class="menju"><a href="#">Два</a></div>
<div class="menju"><a href="#">Три</a></div>
<div class="menju">
<ul id="nav">
<li style="border:1px solid #afafb2;font-size:20px; padding:7px;">Четыре
<ul>
<li><a href="abc.html">Главная страница</a></li>
<li><a href="#">Другие страницы</a></li>
</ul>
</li>
</ul>
</div>
<div class="menju"><a href="#">Пять</a></div>
<div class="clear"></div>
|
Но почему-то получается, что у слова "Четыре" нет правой части рамки в Хроме, Яндексе и в Опера (скриншот). Смотрел инспектором кода, но так и не сумел понять, почему это происходит. Вроде бы, все на месте, в рамки нет!
Можете посмотреть, что там такое? Вот ссылка: http://fh7929mi.bget.ru/2.html | |
|
|
|
|
|
|
|
для: Владимир55
(09.05.2014 в 00:13)
| | 1. у #nav убрать margin-bottom: 10px;
2. отступ и границу прописать не ссылкам, а всему классу .menju
3. прописать границу элементу #nav ul li а (иначе будет только фон) | |
|
|
|
|
 6 Кб |
|
|
для: elenaki
(09.05.2014 в 09:30)
| | Это я исправил (исправлено здесь http://fh7929mi.bget.ru/3.html , насколько сумел понять замечания) и внешний вид изменился, но верстка вцелом нормальной не стала (скриншот). | |
|
|
|
|
|
|
|
для: Владимир55
(09.05.2014 в 11:52)
| | Проблема разрешилась самым неожиданным образом - удален перенос строки из кода:
<ul id="nav">
<li style="border:1px solid #afafb2;font-size:20px; padding:7px;">Четыре<ul>
<li><a href="abc.html">Главная страница</a></li>
<li><a href="#">Другие страницы</a></li>
</ul>
</li>
</ul>
|
Редактор Dreamweaver. В будущем надо учесть это странное свойство!
Спасибо! | |
|
|
|