Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
C++. Мастер-класс в задачах и примерах. Авторы: Кузнецов М.В., Симдянов И.В. PHP на примерах (2 издание). Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель MySQL 5. Авторы: Кузнецов М.В., Симдянов И.В. PHP Puzzles. Авторы: Кузнецов М.В., Симдянов И.В. PHP. Практика создания Web-сайтов (второе издание). Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Не хватает навыка проинспектировать код
 
 автор: Владимир55   (09.05.2014 в 00:13)   письмо автору
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

  Ответить  
 
 автор: elenaki   (09.05.2014 в 09:30)   письмо автору
 
   для: Владимир55   (09.05.2014 в 00:13)
 

1. у #nav убрать margin-bottom: 10px;
2. отступ и границу прописать не ссылкам, а всему классу .menju
3. прописать границу элементу #nav ul li а (иначе будет только фон)

  Ответить  
 
 автор: Владимир55   (09.05.2014 в 11:52)   письмо автору
6 Кб
 
   для: elenaki   (09.05.2014 в 09:30)
 

Это я исправил (исправлено здесь http://fh7929mi.bget.ru/3.html , насколько сумел понять замечания) и внешний вид изменился, но верстка вцелом нормальной не стала (скриншот).

  Ответить  
 
 автор: Владимир55   (09.05.2014 в 12:58)   письмо автору
 
   для: Владимир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. В будущем надо учесть это странное свойство!

Спасибо!

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования