Реклама на сайте Advertise with us
Тема: Подскажите по CSS Расширенный поиск по форуму
 
Внимание! В связи с устареванием топика эта страница была взята из кэша.
Автор Сообщение
Информация о пользователе webboxxx


Зарегистрирован: 06.03.03
Сообщения: 405
Ссылка на сообщениеДобавлено: 04/05/04 в 18:13     

сорри, вопрос ламерский, но не могу разобраться.
есть в <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};

он влияет на весь документ. Но если есть таблица с другим фоном, то такие цвета ссылок могут оказаться неудачными. Вот как встроить этот фрагмент в другой стиль, чтобы эти настройки не распространялись на весь документ, а действовали только применительно к одному стилю? т.е. чтобы было можно назначить разные стили разным таблицам, и ховеры ссылок и их цвета были для каждой из них разные.

K началу

 
Информация о пользователе bleed


Зарегистрирован: 19.02.03
Сообщения: 282
Ссылка на сообщениеДобавлено: 04/05/04 в 19:00     

если я правильно понял что тебе нужно, то делай через классы например в 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> и др.

K началу

 
Информация о пользователе webboxxx


Зарегистрирован: 06.03.03
Сообщения: 405
Ссылка на сообщениеДобавлено: 04/05/04 в 19:23     

во-во, оно самое.
я собсно все через классы обычно и делаю, но на самом примитивном уровне типа
.leftrow {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
}

а вот как туда a:hover и т.д. впихнуть не знал.
спасибо.

K началу

 
Информация о пользователе Elefant


Зарегистрирован: 22.11.02
Сообщения: 54
Ссылка на сообщениеДобавлено: 04/05/04 в 19:51     

Код:

A#category  {
   color: #000000;
   font-size: 16px;
   TEXT-DECORATION: none
   }

A#category:hover  {
   color: #000000;
   font-size: 16px;
   TEXT-DECORATION: underline
   }

а для той ссылки которая должна работать по даному стилю указываешь
Код:

<a id=category ...  >

K началу

 
Информация о пользователе sAx


Зарегистрирован: 07.06.00
Сообщения: 2252
Ссылка на сообщениеДобавлено: 05/05/04 в 05:11     

Запосчу еще разок, т.к. инфа полезная, а желающих искать по форуму мало.

http://html.manual.ru/book/html.php
http://css.manual.ru/

В обоих мануалах есть зип-архивы для оффлайнового пользования

http://algolist.manual.ru/ -- неплохой сборник алгоритмов программирования.

K началу

 
Информация о пользователе TAiNT


Зарегистрирован: 28.05.04
Сообщения: 110
Ссылка на сообщениеДобавлено: 28/05/04 в 20:19     

Я считаю следует отметить что использование нескольких элементов с одним 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 на www.alistapart.com

K началу

 
Текстовая реклама в форме ответа
Заголовок и до четырех строчек текста
Длина текста до 350 символов
Купить рекламу в этом месте!
Внимание! В связи с устареванием топика эта страница была взята из кэша.

Спонсор раздела Стань спонсором этого раздела!

Реклама на сайте Advertise with us

Опросы

Рецепт новогоднего блюда 2022



Обсудите на форуме обсудить (11)
все опросы »