в CSS не выполняется hover

edraga · 08.09.2010, 21:50

Я не первый год работаю с дримвевером, но вот с этой ситуацией столкнулась впервые:
Как положено, создаю отдельный файл css, подключаю его к странице, но стиль работает лишь на текст без линка, а вот со ссылкой стиль возвращается к основному стилю страницы. Не могу понять, в чем дело.
CSS точно правильный, например

.main_menu {
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
color: #000000;
font-weight: bold
text-decoration: none;
}
A:hover .main_menu {
text-decoration: underline;
color: #000000;
font-size: 18px;
}

тем не менее, ховер не работает(((

На компе:
Дримвевер 8
Вин7
мозилла или эксплорер

Niemans · 08.09.2010, 22:31

.main_menu:hover

edraga · 08.09.2010, 22:50

не помогает

Noove · 09.09.2010, 00:33

вот так надо

.main_menu a:hover - стиль наведения курсора на ссылку

.main_menu a - стиль ссылки

Niemans · 09.09.2010, 02:34

Цитата:

.main_menu a:hover - стиль наведения курсора на ссылку

.main_menu a - стиль ссылки

если main_menu стиль ссылки, то все должно работать...
edraga, html покажите

edraga · 09.09.2010, 03:27

Вот сам хтмл

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Тест</title>
<link href="css_style.css" rel="stylesheet" type="text/css" />
</head>

<body>
простой текст
текст со стилем
<a href="#">ссыль со стилем</a> 

</body>
</html>

сам css такой:
.main_menu {
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
color: #000000;
text-decoration: underline;
}
A:hover .main_menu {
color: #000000;
text-decoration: none;
}

То есть, почему-то не меняецца цвет на цссовский, а остаецца тот цвет, который по умолчанию, и text-decoration тоже не применяецца, а вот размер шрифта применился...

volFernion · 09.09.2010, 03:38

Lолжно быть так

.main_menu a:hover

Не помню правильно или нет написал. Но суть в том что ссылки у вас в тэге с таким классом и нужно соблюсти иерархию
То что написали вы сзнаичит менять стиль ссылок с таким классом. То что написал я менять стиль ссылок находящихся в элементе с таким классом
Суть уловили?

edraga · 09.09.2010, 03:41

как это в мозилле выглядит

edraga · 09.09.2010, 03:47

volFernion, пасиба, все ок!

просто странно, все года четыре или пять делала так как у меня прописано выше в css и все нормально применялось

volFernion · 09.09.2010, 03:57

Цитата:

Сообщение от edraga

volFernion, пасиба, все ок!

просто странно, все года четыре или пять делала так как у меня прописано выше в css и все нормально применялось

Не за что

Оно работало только потому, что многие браузеры имеют свойство обрабатывать невалидный код порой, как они считают правильным. Если бы вы прописали
хштмл скрикт 1.0 сомневаюсь, что хоть где то работало бы

Просто почитайте учебники по штмл, цсс, много нового узнаете. Этот момент довольно часто приходится использовать, должны знать что и как

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Помогите со скриптом, не выполняется в IE 6-8	vadim_32	HTML, CSS, JavaScript	5	04.04.2012 21:30
Псевдокласс hover в ie6	Rembrandt	HTML, CSS, JavaScript	7	27.08.2008 15:16

08.09.2010, 21:50	#1
edraga	Я не первый год работаю с дримвевером, но вот с этой ситуацией столкнулась впервые: Как положено, создаю отдельный файл css, подключаю его к странице, но стиль работает лишь на текст без линка, а вот со ссылкой стиль возвращается к основному стилю страницы. Не могу понять, в чем дело. CSS точно правильный, например .main_menu { font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #000000; font-weight: bold text-decoration: none; } A:hover .main_menu { text-decoration: underline; color: #000000; font-size: 18px; } тем не менее, ховер не работает((( На компе: Дримвевер 8 Вин7 мозилла или эксплорер

09.09.2010, 00:33	#4
Noove	вот так надо .main_menu a:hover - стиль наведения курсора на ссылку .main_menu a - стиль ссылки

09.09.2010, 03:27	#6
edraga	Вот сам хтмл <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Тест</title> <link href="css_style.css" rel="stylesheet" type="text/css" /> </head> <body> <p>простой текст</p> <p class="main_menu">текст со стилем</p> <p class="main_menu"><a href="#">ссыль со стилем</a> </p> </body> </html> сам css такой: .main_menu { font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #000000; text-decoration: underline; } A:hover .main_menu { color: #000000; text-decoration: none; } То есть, почему-то не меняецца цвет на цссовский, а остаецца тот цвет, который по умолчанию, и text-decoration тоже не применяецца, а вот размер шрифта применился... Последний раз редактировалось edraga; 09.09.2010 в 03:36..

09.09.2010, 03:38	#7
volFernion	Lолжно быть так .main_menu a:hover Не помню правильно или нет написал. Но суть в том что ссылки у вас в тэге <p> с таким классом и нужно соблюсти иерархию То что написали вы сзнаичит менять стиль ссылок с таким классом. То что написал я менять стиль ссылок находящихся в элементе с таким классом Суть уловили?

09.09.2010, 03:47	#9
edraga	volFernion, пасиба, все ок! просто странно, все года четыре или пять делала так как у меня прописано выше в css и все нормально применялось

08.09.2010, 22:31	#2
Niemans	.main_menu:hover