Css
:-?
Вот я могу написать в хтмле
:-?
рой: background-color
Уже пробовал, не получилось. Предлагай варианты.
To Joker
Уже пробовал, не получилось. Предлагай варианты.
А как ты это пытаешся сделать и для какого тега..?
onmouseover="this.backgroundColor='#ccc'"
Этоже вроде не через css или я ошибаюсь.. ??
onmouseover="this.backgroundColor='#ccc'"
Это как раз то что я в html прописал. В css такое не получиться, надо другим способом описать. Каким я не знаю?
А как ты это пытаешся сделать и для какого тега..?
Я уже пробовал td {background-color: #c6c6c6;} Но это только сделает ячейку такого цвета, а мне надо чтобы цвет менялся при наводе на него мышкой. Вот к примеру можно посмотреть здесь.
:-{
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:
Поседел я посидел, и написал такое в 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 тоже не работает.
Да вот еще ссылочка чтобы уж Точно никаких вопросов не возникло: http://www.marketer.ru/articles/index.s54.html
Ужасно старые статьи, сейчас ситуация с браузерами несколько другая :)
Я всегото написал:
table { border-collapse: collapse; }
td { padding: 0px; }
Теперь всё работает как надо.
С ячейками у меня ещё проблемы, надо почитать то что вы мне дали. Спасибо за помощь.
А как в css можно align="center" прописать?
Вот я могу написать в хтмле
:-?
Насколько я знаю, в css скрипты писать нельзя. Для этого есть htc (или как их называют behaviors).
Здесь есть описание.
Думаю, на w3c тоже есть, но искать надо.
хотя я так не делаю... просто для обучения и понимания так удобно...
Совет, поставь дримвивер там все просто.... выставляешь параметры а он сам пишет ццс.... там и смотри что к чему....
хотя я так не делаю... просто для обучения и понимания так удобно...
Microsoft Visual Studio .NET не хуже.
Насколько я знаю, в css скрипты писать нельзя. Для этого есть htc (или как их называют behaviors).
Здесь есть описание.
Думаю, на w3c тоже есть, но искать надо.
Это нестандартное расширение M$ и работает только в IE for Win. Посему пользоваться не советую. А на W3C это искать бесполезно, все равно не найдете.
Вот я могу написать в хтмле
:-?
Пропиши в 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>
Але-хоп! :)