VPF::классы - Форум программистов

Kirill89

Дата 10.4.2009, 15:10 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 501
Регистрация: 17.10.2006
Где: Питер

Репутация: нет
Всего: 4

доброе время суток.
недавно заметил, что

Код


<div class="asd fgh hjk"></div>
<style>
.asd {что-то}
.fgh {что-то}
.hjk {что-то}
</style>

работает на ура, но насколько это валидно? это работает во всех браузерах?

--------------------

GSteam[dot]info

ksnk

Дата 10.4.2009, 15:36 (ссылка)

(нет голосов)

Загрузка ...

прохожий

Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

Репутация: 48
Всего: 386

Kirill89, Валидно или нет - может сказать валидатор. Работает или нет к валидности кода прямого отношения не имеет smile

--------------------

Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image

WebMast

Дата 10.4.2009, 21:13 (ссылка)

(нет голосов)

Загрузка ...

Front-end developer

Профиль
Группа: Участник
Сообщений: 105
Регистрация: 1.1.2009
Где: Беларусь

Репутация: 2
Всего: 2

А зачем элементу разные классы? Не тупо ли?

--------------------

Личный Блог Евгения ЖлобоРасширение vkleaner для Google Chrome

Kirill89

Дата 10.4.2009, 22:16 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 501
Регистрация: 17.10.2006
Где: Питер

Репутация: нет
Всего: 4

WebMast, тут вопрос не в смысле кода, я могу привести пример когда это не только не тупо, но ещё и очень даже полезно:

Код


<ul>
<li><a href="#">punkt1</a></li>
<li><a href="#">punkt2</a></li>
<li><a href="#">punkt3</a></li>
<li><a href="#">punkt4</a></li>
<li><a href="#">punkt5</a></li>
</ul>

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

Код


<ul>
<li class="selected"><a href="#">punkt1</a></li>
<li><a href="#">punkt2</a></li>
<li><a href="#">punkt3</a></li>
<li><a href="#">punkt4</a></li>
<li><a href="#">punkt5</a></li>
</ul>
<style>
li.selected {border:1px solid red;}
</style>

но вот незадача, нам ещё надо что-бы для ie6 пункт при наведении менял фон, что делать? java скрипт допишет класс jshover, как его обычно называют

Код


<ul>
<li class="selected jshover"><a href="#">punkt1</a></li>
<li><a href="#">punkt2</a></li>
<li><a href="#">punkt3</a></li>
<li><a href="#">punkt4</a></li>
<li><a href="#">punkt5</a></li>
</ul>
<style>
li.selected {border:1px solid red;}
li.jshover {background:blue;}
</style>

ksnk, хорошо, пусть так, но тогда остаётся вопрос: код работает везде или нет?
интересуют не давно вымершие браузеры, а более-менее современные.
лично проверял на ie6,7, опере, ff2,3, сафари 4. всё нормально, но никто не гарантирует, что это будет косяк каком нибудь Konqueror...

Добавлено через 6 минут и 7 секунд
а валидатор сказал что валидно =)

--------------------

GSteam[dot]info

ksnk

Дата 10.4.2009, 22:30 (ссылка)

(нет голосов)

Загрузка ...

прохожий

Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

Репутация: 48
Всего: 386

Цитата

а валидатор сказал что валидно

Сказки рассказываешь? smile

Он обязан был выругаться на отсутствие параметр а type в style'е, да и style располагать внутри body считается в w3c неприличным

--------------------

Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image

WebMast

Дата 11.4.2009, 09:05 (ссылка)

(нет голосов)

Загрузка ...

Front-end developer

Профиль
Группа: Участник
Сообщений: 105
Регистрация: 1.1.2009
Где: Беларусь

Репутация: 2
Всего: 2

Kirill89, а параметр hover не работает или он уже не в моде?

Цитата

но никто не гарантирует, что это будет косяк каком нибудь Konqueror...

Лично проверил в Konqueror 4.2.1 (KDE 4.2.1). Также Iceweasel, все супер.

Цитата

а валидатор сказал что валидно

Сказки рассказываешь? smile

Проверьте сами. Сам залил пример в нет, все супер. Валидатор не поругался)..

--------------------

Личный Блог Евгения ЖлобоРасширение vkleaner для Google Chrome

Kirill89

Дата 12.4.2009, 22:22 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 501
Регистрация: 17.10.2006
Где: Питер

Репутация: нет
Всего: 4

Цитата(WebMast @ 11.4.2009, 09:05

)

Kirill89, а параметр hover не работает или он уже не в моде?

в моде =) но ie6 его не понимает (кроме ссылок).

я его не так проверял то =)

Код


<!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" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>НАЗВАНИЕ САЙТА</title>
<link rel="stylesheet" type="text/css" href="styles.css" />
<script type="text/javascript" src="script.js"></script>
</head>
    <body>
    <noscript>В Вашем браузере отключена поддержка JavaScript. Нормальное функционирование сайта невозможно.</noscript>
    <div class="test1 test2 test3">
        
    </div>
    </body>
</html>

Цитата(WebMast @ 11.4.2009, 09:05

)

Лично проверил в Konqueror 4.2.1 (KDE 4.2.1). Также Iceweasel, все супер.

ну отлично. буду надеяться, что всё таки везде всё нормально отображаться будет.

--------------------

GSteam[dot]info

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »