ZiLot
![](http://forum.ru-board.com/board/avatars/private/ZiLot2.gif)
Тот еще тип | Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору Народ! Помогите кто-нибудь с CSS... Сделал CSS файл в нем прописано Цитата: A:link {COLOR: #ffffff; CURSOR: hand; TEXT-DECORATION: none} Как мне теперь сделать, чтобы у ОДНОЙ конкретной ссылки был другой цвет, естественно отличный от установленного? (и hover, и link и visited...) FAQ по оформлению ссылок © lynx За подчеркивание или неподчеркивание ссылки отвечает параметр text-decoration, который может принимать значения: Цитата: none - не подчеркивать underline - подчеркивать снизу (по умолчанию) overline - подчеркивать сверху line-through - зачеркивать blink - мигать | За цвет текста ответает параметр color, который может принимать значение шестнадцатеричного числа или имени цвета: color:#000000; color:black © 8AleX8 Вышепреведёнными параметрами возможности оформления ссылок не ограничеваются. Также можно использовать: 'background' 'border' 'font' И т.д. -> http://loc.stack.ru/projects/CSS2/ Пример. Ссылка по умолчанию не подчеркнута, подчеркивается при наведении. Код: a{font-family:Verdana, Arial; font-size:9pt; text-decoration:none; margin:0pt;} a:link {color:#0000cc;} a:hover {text-decoration:underline;} a:active {color:#ff0000; text-decoration:underline;} a:visited {color:#000066;} | Вопрос: Цитата: Нужно чтобы на странице было несколько типов оформления посещенных и активных ссылок. Например: 1. Красные (visited) и зеленые (active) 2. Синие(visited) и желтые(active) | Ответ: Для каждого нужного тебе варианта создаешь отдельный класс: Код: a.main {font-family:Verbana, Arial; font-size:10pt; text-decoration:none; margin:0pt;} a:link.main {color:#0000cc;} a:hover.main {text-decoration:underline;} a:active.main {color:#ff0000; text-decoration:underline;} a:visited.main {color:#000088;} a.main1 {font-family:Verdana, Arial; font-size:8pt; text-decoration:none; margin:0pt;} a:link.main {color:#0000cc;} a:hover.main {text-decoration:underline;} a:active.main {color:#ff0000; text-decoration:underline;} a:visited.main {color:#000088;} a.other {font-size:10pt; font-family:Verdana, Times New Roman; text-decoration:none;} a:link.other {color:#0000dd;} a:hover.other {text-decoration:underline; color:#0000ff;} a:active.other {color:#ff0000; text-decoration:underline;} a:visited.other {color:#5500aa;} a.reestr {font-size:8pt; font-family:Verdana, Times New Roman; text-decoration:none; text-align:center;} a:link.reestr {color:#0000dd;} a:hover.reestr {text-decoration:underline; color:#0000ff;} a:active.reestr {color:#ff0000; text-decoration:underline;} a:visited.reestr {color:#5500aa;} | И потом: Код: <a class="main" href="http://xxx.x.net">.....</a> | Вопрос: Цитата: почему посещеные сылки уже не меняют цвет, когда наводишь, в то время как НЕпосещеные меняют? | Решение: Цитата: a:link {color: #0000FF} a:hover {color: #FF0000} a:visited {color: #0000FF} a:visited:hover {color: #FF0000} | Чтобы предупредить дальнейшие вопросы, советую ознакомиться с ресурсами по CSS <!-- тж. см.: --> http://htmlbook.ru/html/links/index.shtml CSS » FAQ по оформлению ссылок © nuToH еще момент - эффект изменения фона ячейки (подразумевается, что значение cellpadding равняется "0"): Код: a:link,a:active,a:visited { background-color: blue; width: 100%; height: 100% } a:hover { background-color: red; width: 100%; height: 100% } | эксперементируйте! ![](http://forum.ru-board.com/board/s/smile.gif) | Всего записей: 936 | Зарегистр. 12-11-2002 | Отправлено: 15:49 21-01-2003 | Исправлено: nuToH, 17:08 21-08-2003 |
|