Опрос

Отображение работ по Иллюстратору


Мои фотоальбомы

Любимое видео

Рекомендуемая литература


Полезные ссылки

http://webmascon.com/ -журнал для веб-мастеров.Много статей по эргономике

http://useit.com Сайт Якоба Нильсена

http://htmlbook.ru Влад Мержевич делиться секретами верстки, неплохой сайтик


Опрос

Вам нравится как я преподаю?


Календарь
Июнь
ПнВтСрЧтПтСбВск
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30

Метки

heidi

Меткиcss, xhtml, cms, верстка

Уроки по XHTML/CSS. Продвинутое использование

Создание горизонтальной панели с помощью списков

<style type="text/css">

ul{
margin:0; /*поля*/
padding:0;/*отступы, чтобы корректно во всех браузерах*/
width:720px; /*ширина*/
background: #FAA819 url(gr.jpg) repeat-x; /*рисунок создаете сами*/
list-style:none; /*избавляемся от маркеров*/
float:left;} /*за счет этого свойства, панелька делается горизонтальной*/

ul li{
float:left;}

ul a{
display:block;/*отображаем как блочный элемент*/
float:left;
padding:0 2em;
line-height: 2.1em;
text-decoration:none;/*убираем подчеркивание*/
color:#fff;
background:url(razdel.jpg) no-repeat left top;/*разделители*/
}
 .first {
background:none;}
ul a:hover{
color:#333;}

</style>
</head>
<body>
<ul>
<li><a class="first" href="#">Главная</a></li>
<li><a href="#">Главная</a></li>
<li><a href="#">Главная</a></li>
<li><a href="#">Главная</a></li>
<li><a href="#">Главная</a></li>
<li><a href="#">Главная</a></li>

</ul>

фон
разделитель


Рекомендовать запись
Оцените пост:

Откуда приходят на эту запись за последний месяц   1 день 10 дней 30 дней

Показать смайлы
 

Комментариев: 19

This message is posted here using XRumer + XEvil 3.0 XEvil 3.0 is a revolutionary application that can bypass almost any anti-botnet protection. Captcha Recognition Google, Facebook, Yandex, VKontakte, Captcha Com and over 8.4 million other types! You read this - it means it works! ;) Details on the official website of XEvil.Net, there is a free demo version.

 
ОБОЗ.ua