Master-X
Регистрация
|
Вход
Форум
|
Новости
|
Статьи
Главная
»
Форум
»
Дизайн
»
Тема:
Подскажите по CSS
Новая тема
Ответить
цитата
04/05/04 в 17:13
webboxxx
сорри, вопрос ламерский, но не могу разобраться.
есть в <style> такой фрагмент к примеру:
a:link {text-decoration: none; color:white};
a:active {text-decoration: none; color:white};
a:visited {text-decoration: none; color:white};
a:hover {text-decoration: underline; color:yellow};
он влияет на весь документ. Но если есть таблица с другим фоном, то такие цвета ссылок могут оказаться неудачными. Вот как встроить этот фрагмент в другой стиль, чтобы эти настройки не распространялись на весь документ, а действовали только применительно к одному стилю? т.е. чтобы было можно назначить разные стили разным таблицам, и ховеры ссылок и их цвета были для каждой из них разные.
цитата
04/05/04 в 18:00
bleed
если я правильно понял что тебе нужно, то делай через классы например в css пишешь
Код:
.menu { color : #FFFFFF; text-decoration: underline ; font-weight: bold; font-size: 12px}
.menu a {font-size: 12px; color : #FFFFFF; text-decoration: underline }
.menu a:hover {font-size: 12px; color : #FFFFFF; text-decoration: none }
а при создании таблицы указываешь ее класс
например:
Код:
<table class="menu">
можно классы присваивать и другим тегам например <tr>,<td> и др.
цитата
04/05/04 в 18:23
webboxxx
во-во, оно самое.
я собсно все через классы обычно и делаю, но на самом примитивном уровне типа
.leftrow {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
}
а вот как туда a:hover и т.д. впихнуть не знал.
спасибо.
цитата
04/05/04 в 18:51
Elefant
Код:
A#category {
color: #000000;
font-size: 16px;
TEXT-DECORATION: none
}
A#category:hover {
color: #000000;
font-size: 16px;
TEXT-DECORATION: underline
}
а для той ссылки которая должна работать по даному стилю указываешь
Код:
<a id=category ... >
цитата
05/05/04 в 04:11
sAx
Запосчу еще разок, т.к. инфа полезная, а желающих искать по форуму мало.
http://html.manual.ru/book/html.php
http://css.manual.ru/
В обоих мануалах есть зип-архивы для оффлайнового пользования
http://algolist.manual.ru/
-- неплохой сборник алгоритмов программирования.
цитата
28/05/04 в 19:19
TAiNT
Я считаю следует отметить что использование нескольких элементов с одним ID неверно с точки зрения HTML спецификации. ID он на то и ID что
однозначно
адресует каждый конкретный элемент.
более правильно сделать так :
Код:
<style>
#sometable A:hover {
color: #000000;
font-size: 16px;
TEXT-DECORATION: underline
}
</style>
.
.
.
<table id="sometable">
<tr>
<td><a href="...">...</a></td>
<td><a href="...">...</a></td>
.....
</tr>
</table>
Так и кода меньше получается в итоге.
Вообще обратите внимание на CSS селекторы типа # @ > и т.д.
Ну и конечно всем курить раздел CSS на
alistapart.com
Новая тема
Ответить
Эта страница в полной версии