хелп

idler · 08.07.2008, 03:25

вот никак не могу дойти своим умом как замутить такое меню. Вот то чтослева на сайте. Все вроде похоже но никак не пойму как сделать при наведении чтобы выделялась(меняла цвет) вся ячеечка ссылки а не только ссылка или бг вот Сайт там где меню ссылок...

Аленка · 08.07.2008, 08:12

все делается просто. с помощью стилей. Чтобы понять как оно сделано на каком-либо сайте смотрите какие классы присвоены интересующим вас элементам в коде, потом смотрите тег <LINK> в <head> и там прописано имя файла стилей (в данном случае style.css). Вот так. все становится очевидным:
.menu A { //т.е. ссылки, которые находятся внутри div с классом menu

display: block;
width: 100%;
padding: 5px;
border-left: 10px solid #c69c6d; //цвет бордюрчика слева
border-bottom: 1px solid #c69c6d ;
background: #E6DAC2;//бэк
color: black;
text-decoration: none
}
.menu A:hover {
border-left-color: #E6DAC2;//при наведении цвет бордюрчика слева меняется
background: #FFFBF1;//бэк тоже
color: #black
}

idler · 08.07.2008, 10:59

большое спасибо!

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Сайт хелп	Mitaku	HTML, CSS, JavaScript	2	26.03.2007 17:28
ай нид хелп	nigvel	Фотография	6	16.02.2006 14:19
БД хелп!!!	hasem	ASP, Perl, PHP и MySQL	6	10.02.2006 16:54
ХЕЛП!!!	Razrushitel	ASP, Perl, PHP и MySQL	8	13.01.2006 01:00
Хелп!	Степан	ASP, Perl, PHP и MySQL	5	02.08.2004 13:58

08.07.2008, 03:25	#1
idler	вот никак не могу дойти своим умом как замутить такое меню. Вот то чтослева на сайте. Все вроде похоже но никак не пойму как сделать при наведении чтобы выделялась(меняла цвет) вся ячеечка ссылки а не только ссылка или бг вот Сайт там где меню ссылок...

08.07.2008, 08:12	#2
Аленка	все делается просто. с помощью стилей. Чтобы понять как оно сделано на каком-либо сайте смотрите какие классы присвоены интересующим вас элементам в коде, потом смотрите тег <LINK> в <head> и там прописано имя файла стилей (в данном случае style.css). Вот так. все становится очевидным: .menu A { //т.е. ссылки, которые находятся внутри div с классом menu display: block; width: 100%; padding: 5px; border-left: 10px solid #c69c6d; //цвет бордюрчика слева border-bottom: 1px solid #c69c6d ; background: #E6DAC2;//бэк color: black; text-decoration: none } .menu A:hover { border-left-color: #E6DAC2;//при наведении цвет бордюрчика слева меняется background: #FFFBF1;//бэк тоже color: #black }