Launder
-
Posts
293 -
Joined
-
Last visited
-
Days Won
2
Content Type
Profiles
Forums
Calendar
Store
Everything posted by Launder
-
А! Понял. Да, это, пожалуй, меняет дело. Спасибо!
-
Вариант с изменением шрифтов, конечно, по-своему, красивый, но он же не работает в Safari. А делать из ul -> table как-то не хочется...
-
Спасибо Вам огромное! Вы мне ОЧЕНЬ помогли. Статья превосходная, подробно и ясно изложено, чувствуется что автор старался донести свою мысль, что приятно. Но всё же вывод в статье, что лучше не закрывать, наверное, подходит для простого меню, как в приведённом мной примере. Если же предположить что нам нужно ещё ниспадающее меню, вида: <ul> <li>заглавие пункта меню <ul> /*раскрывающийся список*/ <li>пункт 1 <li>пункт 2 <li>пункт 3 </ul> /*</li> возможный закрывающий тег*/ <li>далее аналогичното можно ли считать, что вариант с отсутствием закрывающего тега приемлим и хорош? может лучше сделать так, как Вы предложили в третьем примере - откомментировать перенос строк?
-
Как интересно! А ведь и правда! И ведь не нашёл это в справочнике... Как же убрать этот перенос грамотно? Так, как у Вас указано в третьем варианте или есть какие-то более красивые решения? И где вообще почитать про то какие эффекты могут быть от него в коде? Спасибо!
-
<!DOCTYPE HTML><HTML> <HEAD> <TITLE>Цифровая Сервисная Станция</TITLE> <meta charset="utf-8"> <link rel="stylesheet" href="shift.css"> </HEAD> <BODY> <ul class="menu"> <li><a href="#">Общие положения</a></li> <li><a href="OS.html">Операционные системы</a></li> <li><a href="software.html">Программы</a> <li><a href="computer.html">Компьютеры</a></li> <li><a href="mobile-comp.html">Ноутбуки и моноблоки</a></li> <li><a href="hardware.html">Аппаратный ремонт</a></li> <li><a href="#">Портативная техника</a></li> </ul> </BODY></HTML>.menu { background: #faf; border: 1px solid #c8c8c8; border-top: 0; padding: 0; margin: 0; font: 14px Arial, Helvetica, sans-serif; border-radius: 0 0 5px 5px; box-shadow: 0 3px 5px rgba(180,180,220,0.2); list-style: none; }.menu > li { display: inline-block; border: 1px solid #0ff; padding: 0; margin: 0; }.menu > li > a { color: #3c3c3c; border: 1px solid #aeae00; padding: 10px 15px; text-decoration: none; display: block; background: #dcfafa; }Там специально в двух местах тег li не закрыт, чтобы показать эффект.
-
Я понимаю что надо. Можно было просто оставить li открытым, и было так, как я хочу. Но хочется понять, почему, при закрытии. происходит сдвиг.
-
Добрый день! Вот небольшая менюшечка: http://cssdeck.com/labs/bgmx27f7 Почему когда тег li закрыт, то следующий пункт съезжает немного вправо и между пунктами появляется полоса? Спасибо!
