[Статья] Простое горизонтальное меню на CSS

[darkfb]

Просто обыкновенное меню, без всякого лишнего.
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.
Исходник:

[Hermein]

table не в моде нынче...

[VeTaL_UA]

Уважаемые пользователи,

В силу появления большого количества тем с незначительным объёмом информации, настоятельно прошу перед созданием темы думать, не очевидна ли та информация, которой я хочу поделиться и/или не была ли она высветлена до этого момента. Особенно сильно прошу обратить внимание любителей копипаста! Не стоит копировать статьи в 20 строчек кода, тем более мало полезного. Данное сообщение прошу считать официальным заявлением. С этого момента авторы подобных тем будут наказываться предупреждением и/или баном в случае многократного повторения нарушения.

Надеюсь на понимание.

С уважением, VeTaL_UA.

ПыСы:

Цитата: Сообщение от Hermein table не в моде нынче...

Лет 5 как не в моде о_О