есть к примеру таблица
В каждый нужно поставить свойства onMouseOver, onMouseOut
А можно ли это сделать один раз в определении класса css
.td_img{
onMouseOver="menu1_dark(this);
onMouseOut="menu1_light(this);
}?
Нельзя. При чем тут CSS?
html_coder
хотелось создать класс css, в котором определялось поведение
свойств ячейки при наступлении определенного события.
фон ячейки можно прописать.
есть псевдо класс :hover, но он работает только с тегом .
Вот и думал, что есть возможность не писать в каждой ячейке имя небольшого скрипта js.
html_coder
Вообще-то можно.
golden-den
Вариант первый: что-то на js, что пропишет нужные обработчики
http://www.alistapart.com/d/tableruler/tableruler.html
http://www.alistapart.com/d/tableruler/tableruler.js
Вариант второй: попытаться сэмулировать hover для тех, кто его использовать не умеет
http://www.artlebedev.ru/tools/technogrette/html/css2_in_ie/
Есть и третий вариант - прописать нужное через css style expression, но оно работает не везде и слишком экзотично.
CGVictor:
html_coder Вообще-то можно.
Ну первый ему не подходит, если исходить из темы. Второй я бы сказал сомнительный, про третий не знал, пошел гуглить. )))
html_coder
первый как раз подходит.
Когда писал первый топик, не знал, как конкретно это можно сделать.
В первом варианте как раз один раз отдельно все прописывается, а затем идет таблица (только tr - td) и данные
CGVictor
Спасибо
нашел еще один способ это сделать, только вот на совместимость не могу проверить. Может кто поможет?
в стилях создается класс
.menu1_{ color: Black; background: #BCD1E0;}
.menu1_:hover{ color: White; background: #253F50; }
в html таблица выглядит так
НО при этом данная конструкция работает Только при объявленном doctype
в начале документа
Если версию html поставить не 4.01, а 3.2, то результат будет такой же, как если убрать doctype совсем.
Вопрос: Как страница с doctype(4.01) отображается на страых браузерах? Будет ли она отображаться корректно, согласно заявленному типу документа?
Или надо, чтобы браузер поддерживал HTML 4.01? (Так это вроде уже давно все браузеры поддреживают, только без объявления DOCTYPE отображают страницу в режиме совместимости со старыми браузерами)
IE6 и ниже понимают :hover только для гиперссылок, так что там этот способ не сработает.
IE7 тоже не понимает hover, пока не объявишь doctype с указанием адреса
Но понимает же!
|