Опрос

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


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

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

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


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

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

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

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


Опрос

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


Метки

Содержание страницы


Создание кнопки на CSS.Свойство hover


Создаем кнопку, которая бы меняла внешний вид при наведении мыши.

Читать дальше...


Открыть | Комментариев 409

Уроки по 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>


Открыть | Комментариев 19
ОБОЗ.ua