 |
14.12.2013, 20:28
|
#1
|
|
|
|
Разведчик
|
 Регистрация: 24.07.2013
 Сообщений: 16
 Популярность: 1651
 Сказал(а) спасибо: 115
Поблагодарили 52 раз(а) в 46 сообщениях
|
Простое горизонтальное меню на CSS
Просто обыкновенное меню, без всякого лишнего.
Html код:
Код:
<ul id="nav">
<li id="nav-1"><a href="#">Example</a></li>
<li id="nav-2"><a href="#">Example</a></li>
<li id="nav-3"><a href="#">Example</a></li>
<li id="nav-4"><a href="#">Example</a></li>
<li id="nav-5"><a href="#">Example</a></li>
<li id="nav-6"><a href="#">Example</a></li>
</ul>
Css код:
Код:
#nav {
float: left;
width: 100%;
margin: 0;
padding: 0;
list-style: none;
background: #ccc;
border-bottom: 1px solid #999;
}
#nav li {
float: left;
margin: 0;
padding: 0;
}
#nav a {
float: left;
display: block;
padding: 6px 30px 6px 5px;
text-decoration: none;
font-weight: bold;
font-size: 90%;
color: #666;
background: #ccc url(slant.gif) no-repeat top right;
}
#nav #nav-1 a {
padding-left: 20px;
}
#nav a:hover {
color: #000;
}
Взято с ruseller.com.
Исходник:
Последний раз редактировалось darkfb; 27.12.2013 в 17:10.
|
|
|
16.12.2013, 12:09
|
#2
|
|
|
|
Рыцарь-защитник
|
 Регистрация: 14.01.2011
 Сообщений: 633
 Популярность: 28087
 Золото Zhyk.Ru: 1
 Сказал(а) спасибо: 90
Поблагодарили 717 раз(а) в 374 сообщениях
|
Re: Простое горизонтальное меню на CSS
table не в моде нынче...
|
|
|
28.12.2013, 02:25
|
#3
|
|
|
|
Лейтенант-командор
|
 Регистрация: 12.08.2010
 Сообщений: 727
 Популярность: 30569
 Золото Zhyk.Ru: 1
 Сказал(а) спасибо: 57
Поблагодарили 645 раз(а) в 386 сообщениях
|
Re: Простое горизонтальное меню на CSS
Уважаемые пользователи,
В силу появления большого количества тем с незначительным объёмом информации, настоятельно прошу перед созданием темы думать, не очевидна ли та информация, которой я хочу поделиться и/или не была ли она высветлена до этого момента. Особенно сильно прошу обратить внимание любителей копипаста! Не стоит копировать статьи в 20 строчек кода, тем более мало полезного. Данное сообщение прошу считать официальным заявлением. С этого момента авторы подобных тем будут наказываться предупреждением и/или баном в случае многократного повторения нарушения.
Надеюсь на понимание.
С уважением, VeTaL_UA.
ПыСы:
 |
Цитата: |
 |
|
|
|
|
|
Лет 5 как не в моде о_О
________________
Принимаются пожертвования любых размеров в фонд поддержки начинающих программистов Для просмотра ссылок или изображений в подписях, у Вас должно быть не менее 10 сообщение(ий). Сейчас у Вас 0 сообщение(ий).
Кошельки: WMZ - Z276844220882; WMR - R231028582939; WMU - U394136909210; ЯД - 410011494605270.
Perfect World: PWDatabaseScanner, Client, PWNickRenamer, PWClientRenamer, База логинов PW, Гайд по варУ, Зарабатываем репутацию.
Delphi: Авторизация на сайте с помощью Indy, Загрузка изображений с интернета в TImage с помощью Indy, Автоматическая смена стандартной версии Indy в Delphi на Indy 10.0.76 / 10.1.5, Основы парсинга с помощью Indy, Делаем Updater до программы с помощью Indy.
Other: ShowIP, FFUUU смайлы в QIP, Как играть в Minecraft (видеокурс), Как мы захватили человечество :D, Энергия в Лицемер/TopFace, PasGen.
|
|
|
Пользователь сказал cпасибо:
|
|
Ваши права в разделе
|
Вы не можете создавать новые темы
Вы не можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения
HTML код Выкл.
|
|
|
Заявление об ответственности / Список мошенников
Часовой пояс GMT +4, время: 17:50.
|
 |