Справочник функций

Ваш аккаунт

Войти через: 
Забыли пароль?
Регистрация
Информацию о новых материалах можно получать и без регистрации:

Почтовая рассылка

Подписчиков: -1
Последний выпуск: 19.06.2015

Css

570
02 ноября 2002 года
starmaxim
31 / / 20.07.2000
Вот я могу написать в хтмле
 
Код:
onMouseover="bgColor='#c6c6c6'" onMouseOut="bgColor='#cccccc'"
Как мне можно прописать это в css файле и привезать к хтмлу?
:-?
250
02 ноября 2002 года
Joker
1.4K / / 20.02.2000
Цитата:
Originally posted by starmaxim
Вот я могу написать в хтмле
 
Код:
onMouseover="bgColor='#c6c6c6'" onMouseOut="bgColor='#cccccc'"
Как мне можно прописать это в css файле и привезать к хтмлу?
:-?


рой: background-color

570
02 ноября 2002 года
starmaxim
31 / / 20.07.2000
To Joker
Уже пробовал, не получилось. Предлагай варианты.
250
02 ноября 2002 года
Joker
1.4K / / 20.02.2000
Цитата:
Originally posted by starmaxim
To Joker
Уже пробовал, не получилось. Предлагай варианты.


А как ты это пытаешся сделать и для какого тега..?

372
03 ноября 2002 года
Flying
312 / / 20.09.2000
onmouseover="this.backgroundColor='#ccc'"
250
03 ноября 2002 года
Joker
1.4K / / 20.02.2000
Цитата:
Originally posted by Flying
onmouseover="this.backgroundColor='#ccc'"


Этоже вроде не через css или я ошибаюсь.. ??

570
03 ноября 2002 года
starmaxim
31 / / 20.07.2000
Цитата:
Originally posted by Flying
onmouseover="this.backgroundColor='#ccc'"

Это как раз то что я в html прописал. В css такое не получиться, надо другим способом описать. Каким я не знаю?

Цитата:
Originally posted by Joker
А как ты это пытаешся сделать и для какого тега..?

Я уже пробовал td {background-color: #c6c6c6;} Но это только сделает ячейку такого цвета, а мне надо чтобы цвет менялся при наводе на него мышкой. Вот к примеру можно посмотреть здесь.

570
03 ноября 2002 года
starmaxim
31 / / 20.07.2000
И вот ещё вапрос, как можно cellpadding="0" и cellspacing="0" описать в css?
:-{
570
03 ноября 2002 года
starmaxim
31 / / 20.07.2000
Поседел я посидел, и написал такое в css:
a:hover.ml { color: #666666; text-decoration: none; background-color:#b6b6b6; }

Потом в хтмле прописл:
<a href="http://www.imo.ru/" class="ml">imo.ru</a>

И получил что при наводе на эту ссылку задний цвет меняеться. Но он ограничен шириной букв, тоесть дальше первой и последней буквы цвет не измениться. А други ссылки не имеющии привязи к ml остануться норамльными.

Но мне бы всёравно желательно сменить цвет ячейки.
:sad:

А вот проблему с cellpadding="0" и cellspacing="0" я ещё не решил.
:sad:
372
03 ноября 2002 года
Flying
312 / / 20.09.2000
Цитата:
Originally posted by starmaxim
Поседел я посидел, и написал такое в css:
a:hover.ml { color: #666666; text-decoration: none; background-color:#b6b6b6; }

Потом в хтмле прописл:
<a href="http://www.imo.ru/" class="ml">imo.ru</a>

И получил что при наводе на эту ссылку задний цвет меняеться. Но он ограничен шириной букв, тоесть дальше первой и последней буквы цвет не измениться. А други ссылки не имеющии привязи к ml остануться норамльными.

Но мне бы всёравно желательно сменить цвет ячейки.
:sad:

А вот проблему с cellpadding="0" и cellspacing="0" я ещё не решил.
:sad:



Посмотри, вот пример, который решает обе твои проблемы в соответствии со спецификацией CSS2. Подробнее см. в самой спецификации:
http://www.w3.org/TR/REC-CSS2
или в CSS Tutorials:
http://www.zvon.org/xxl/CSSTutorial/Output/index.html
http://www.zvon.org/xxl/CSS2Tutorial/General/htmlIntro.html

Сам текст примера:
<html>
<head>
<style type="text/css">
TABLE {border: 1px solid green; border-collapse: separate; border-spacing: 5px }
TD {padding: 10px }
TD {background-color: #ccc}
TD:hover {background-color: #f00}
</style>
</head>
<body>
<table>
<tr>
<td>text 1</td>
<td>text 2</td>
</tr>
</table>
</body>
</html>

Пояснения:
TABLE {border-collapse: separate; border-spacing: 5px } соответствуют cellspasing="5"
TD {padding: 10px } соответствует cellpadding="10"
TD:hover {background-color: #f00} отвечает за смену цвета у ячейки таблицы при наведении на нее мыши.

Единственная проблема с этим примером в том, что он написан в соответствии со спецификацией CSS2, которую по-нормальному поддерживает только движок Gecko (Mozilla, Netscape 6/7, Galeon и т.п.). В IE5 это не работает (может буджет работать в более поздних версиях, у меня их нет) и в Opera 6 тоже не работает.

250
03 ноября 2002 года
Joker
1.4K / / 20.02.2000
Да вот еще ссылочка чтобы уж Точно никаких вопросов не возникло: http://www.marketer.ru/articles/index.s54.html
372
03 ноября 2002 года
Flying
312 / / 20.09.2000
Цитата:
Originally posted by Joker
Да вот еще ссылочка чтобы уж Точно никаких вопросов не возникло: http://www.marketer.ru/articles/index.s54.html



Ужасно старые статьи, сейчас ситуация с браузерами несколько другая :)

570
04 ноября 2002 года
starmaxim
31 / / 20.07.2000
Вообщем так, я разобрался с cellpadding и cellspacing.
Я всегото написал:
table { border-collapse: collapse; }
td { padding: 0px; }

Теперь всё работает как надо.

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

А как в css можно align="center" прописать?
570
04 ноября 2002 года
starmaxim
31 / / 20.07.2000
Я разобрался с align=center, а вот с ячейками у меня не чё не получается.
532
04 ноября 2002 года
Ghost
34 / / 20.01.2000
Цитата:
Originally posted by starmaxim
Вот я могу написать в хтмле
 
Код:
&#111;&#110;Mouseover="bgColor='#c6c6c6'" &#111;&#110;MouseOut="bgColor='#cccccc'"
Как мне можно прописать это в css файле и привезать к хтмлу?
:-?


Насколько я знаю, в css скрипты писать нельзя. Для этого есть htc (или как их называют behaviors).
Здесь есть описание.
Думаю, на w3c тоже есть, но искать надо.

328
04 ноября 2002 года
Felix
257 / / 20.07.2000
Совет, поставь дримвивер там все просто.... выставляешь параметры а он сам пишет ццс.... там и смотри что к чему....

хотя я так не делаю... просто для обучения и понимания так удобно...
570
05 ноября 2002 года
starmaxim
31 / / 20.07.2000
Цитата:
Originally posted by Felix
Совет, поставь дримвивер там все просто.... выставляешь параметры а он сам пишет ццс.... там и смотри что к чему....

хотя я так не делаю... просто для обучения и понимания так удобно...

Microsoft Visual Studio .NET не хуже.

372
06 ноября 2002 года
Flying
312 / / 20.09.2000
Цитата:
Originally posted by Ghost

Насколько я знаю, в css скрипты писать нельзя. Для этого есть htc (или как их называют behaviors).
Здесь есть описание.
Думаю, на w3c тоже есть, но искать надо.



Это нестандартное расширение M$ и работает только в IE for Win. Посему пользоваться не советую. А на W3C это искать бесполезно, все равно не найдете.

570
10 ноября 2002 года
starmaxim
31 / / 20.07.2000
Ладно уж так обошёлся.
336
05 декабря 2002 года
willwin
182 / / 20.09.2000
Цитата:
Originally posted by starmaxim
Вот я могу написать в хтмле
 
Код:
&#111;&#110;Mouseover="bgColor='#c6c6c6'" &#111;&#110;MouseOut="bgColor='#cccccc'"
Как мне можно прописать это в css файле и привезать к хтмлу?
:-?



Пропиши в css два класса, например, odin и dva:
.odin
{
background: #eeeeee;
color: #000000;
}
.dva
{
background: #000000;
color: #eeeeee;
}

А потом, чтобы сменить класс ячейки с одного на другой, и сменить тем самым цвет её фона и цвет шрифта в ней, напиши так:

<td class=odin onMouseOver="this.className='dva'" onMouseOut="this.className='odin'">Aphrodite rulezzz</td>

Але-хоп! :)

Реклама на сайте | Обмен ссылками | Ссылки | Экспорт (RSS) | Контакты
Добавить статью | Добавить исходник | Добавить хостинг-провайдера | Добавить сайт в каталог