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


Эта страница в полной версии