Меню сайта

Статус
Закрыто для дальнейших ответов.

urban

Member
Регистрация
13.07.2010
Сообщения
23
Как сделать такую штуку: когда нажимаешь на меню и она выделялась другим цветом. Чтобы было понятнее скину скрин, что я хочу. Буду очень благодарен. Помогу в другом.
 

Felix

Друг форума
Регистрация
20.06.2009
Сообщения
1 097
Вот читай про тег a
Тег hover
 

Volgarik

Новичок
Регистрация
16.07.2010
Сообщения
1
Это делается средставми CSS, вот описание с примером как это сделать http://www.htmlbook.ru/faq/?a=12
 

devastation

Active Member
Регистрация
02.07.2010
Сообщения
37
CSS тебе в помощь. Для ссылок есть несколько состояний:

1. Еще не посещенная
2. Уже посещенная
3. Под курсором
4. Активная

К каждому из состояний можно прикрутить разный набор стилей.

Пробуй и подбирай!
 

moving

Новичок
Регистрация
18.07.2010
Сообщения
2
Все гениальное просто:
Это html:
Код:
<div id="menu">
   <ul>
   <a href="lessons.php" title=""><li>Уроки</li></a>
   <a href="articles.php" title=""><li>Статьи</li></a>
   </ul>
   </div>
Это css:
Код:
#menu {
    width: 200px;
	background: #EFEFEF;
}
#menu a {
	color: #000000;
	text-decoration:none;
}
#menu ul {
	list-style: none;
}

#menu li {
	padding: 5px 10px;
	border-bottom: 1px solid #5A5A5A;
}

#menu a:hover {
	background: #666666;
	display:block;
}
Вставь и увидишь как работает...
 

medwoodu

Злобный модер
Регистрация
22.12.2005
Сообщения
1 418
moving Урою за говнокод!!!
ЧИТАЕМ W3C ссылка - инлайновый элемент, в ней не может быть элемент списка ну никак!! <li><a></a></li>
Код:
<style type="text/css">
.menu {list-style: none; padding: 0px}
.menu a{ 
color: #000;
display: block; 
width: 190px; 
border-bottom: 1px solid #5A5A5A; 
text-decoration:none; 
padding: 5px 10px; 
background: #EFEFEF;
}
.menu a:hover{
background: #666666;
}
</style>
<ul class="menu">
<li><a href="#">Menu1</a></li>
<li><a href="#">Menu2</a></li>
</ul>
 
Статус
Закрыто для дальнейших ответов.
Верх Низ