Romul
Junior Member | Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Ламерский вопрос начинающего веб дизайнера - как сделать чтобы ссылка не подчеркивалась (и желательно меняла цвет при наведении курсора)
В первом посте
FAQ по ссылкам
За подчеркивание или неподчеркивание ссылки отвечает параметр text-decoration, который может принимать значения:
none - не подчеркивать
underline - подчеркивать снизу (по умолчанию)
overline - подчеркивать сверху
line-through - зачеркивать
blink - мигать
За цвет текста ответает параметр color, который может принимать значение шестнадцатеричного числа или имени цвета:
color:#000000;
color:black
Пример.
Ссылка по умолчанию не подчеркнута, подчеркивается при наведении.
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>
|
Чтобы предупредить дальнейшие вопросы, советую ознакомиться с
ресурсами по CSS
Также полезно почитать:
http://htmlbook.ru/html/links/index.shtml |
Всего записей: 86 | Зарегистр. 14-10-2002 | Отправлено: 21:12 03-01-2003 | Исправлено: lynx, 20:10 09-06-2003 |
|
