Меню
Что нового?

[Простой вопрос] Почему не применяется стиль?

xintrea

Новичок
[Простой вопрос] Почему не применяется стиль?

Здравствуйте!


Имею следующий небольшой HTML-код: http://paste.org.ru/?vpo33s

При наведении мышкой на текст "Главная страница", курсор должен измениться на "Указатель", и фон у этого текста должен стать светлосиним.

В браузерах Opera и Konqueror это происходит. А в FireFox 3.6.6 - курсор не меняется, фон не подсвечивается. Фаирбаг не видит, что у этого текста должен измениться стиль при наведении мышкой.

Скриншот сравнения Opera и FireFox: http://rghost.ru/2112571/image.png

Вопрос: что написано неправильно, как изменить код так, чтобы и в FireFox срабатывало CSS-правило при наведении мышкой на текст?
 
c0dex

c0dex

web.dev 2002-...
Команда форума
Партнер клуба
style="cursor: pointer; cursor: hand;"
 

xintrea

Новичок
Автор оригинала: c0dex
style="cursor: pointer; cursor: hand;"
Нажмите для раскрытия...
Вы сами это проверяли?

Ну, добавил я в стиль .folding:hover строку "cursor: hand;". Толку никакого - в FireFox все так же вид курсора не мняется, и светлосиней подсветки нет.
 
С.

С.

Продвинутый новичок
Почитай о реализации :hover в разных браузерах.
 
c0dex

c0dex

web.dev 2002-...
Команда форума
Партнер клуба
xintrea
Прикинь - курсор работает как надо) Подсветку я твою не смотрел

-~{}~ 13.07.10 16:31:

Код: 
.folding:hover {
      color: #000000;
      background-color: #BBDDFF;
      cursor: hand;
      cursor: pointer;
     }
Протестировано:
FF 3.6.6
Chrome 5.0.342.9 beta
Opera 10.60 Internal

работает твой селектор везде.
 

xintrea

Новичок
Автор оригинала: c0dex
xintrea
Прикинь - курсор работает как надо) Подсветку я твою не смотрел

-~{}~ 13.07.10 16:31:

Код: 
.folding:hover {
      color: #000000;
      background-color: #BBDDFF;
      cursor: hand;
      cursor: pointer;
     }
Протестировано:
FF 3.6.6
Chrome 5.0.342.9 beta
Opera 10.60 Internal

работает твой селектор везде.
Нажмите для раскрытия...
Блин, и я так же прописал. Но изменение курсора не работает, как был палкой, так и остается. Firefox/3.6.6 (Linux).

А подсветка, я не понял, у тебя меняется при наведении?

-~{}~ 13.07.10 16:53:

Фух, разобрался походу.

Видимо, имеем баг в реализации CSS в линуховом Фаирфоксе.

Селектор .folding:hover не выбирает элемент <p class="folding">...</p> при наведении мышкой, хотя должен.

А правильно работает только полный селектор p.folding:hover.
 
c0dex

c0dex

web.dev 2002-...
Команда форума
Партнер клуба
Все там работает, надо писать ВАЛИДНЫЙ КОД
 

xintrea

Новичок
Ну а почему тогда в твоем FF 3.6.6 работает, а в моем FF 3.6.6 - нет? Объясни.


А по поводу валидного кода всегда было интересно... Валидатор http://validator.w3.org/check постоянно требует взаимоисключающие параграфы. Например, простой код

Код: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
</head>

</html>
- содержит 2 ошибки и 1 предупреждение.

Говорит, что неправильная вложенность тегов, ибо </head> и </html> не закрыты. Понятно, что теги <meta> надо обозначить как короткие <meta ... />. Но если так сделать, будут новые ошибки - типа короткие теги недопустимы. Тогда ставишь <meta ...> </meta> - появляются третьи ошибки, что meta нельзя описывать с закрывающим тегом. И так далее. И совершенно неясно, как же писать валидный код, даже на таком простом примере.
 
c0dex

c0dex

web.dev 2002-...
Команда форума
Партнер клуба
Как выглядит все у меня

http://pastebin.com/f47SNLbu
 

xintrea

Новичок
Но это же не мой изначальный код. А ты сказал, что достаточно style="cursor: pointer; cursor: hand;" прописать.
 
c0dex

c0dex

web.dev 2002-...
Команда форума
Партнер клуба
xintrea
я не смотрел на то, что код твой не имеет dtd и валидным не является, к себе я сунул не весь код а ктолько css и кусок с <p>, теперь ищи отличия и думай почему браузер не может понять, что ты из под него хочешь

-~{}~ 13.07.10 18:33:

В общем случае для курсора надо 2 атрибута ставить, а вот для hover - нужен нормальный документ, а не набор тэгов
 
Войдите или зарегистрируйтесь для ответа.
Сверху