Как отобразить ссылку без подчёркивания?

MrDesigner
На сайте с 31.01.2008
Offline
210
1010

Уважаемы господа, подскажите чайнику, как вывести ссылку (sape) на страницу, у которой фон - синий. Ссылка становится практически невидимой. Хочу, чтобы текст был белый.

Делаю через классы, но, увы, не получается.

Фрагмент styles.css:

a:link.sape {color: #FFFFFF; font-family: Verdana; font-size: 11px; text-decoration: none;} 

a:visited.sape {color: #FFFFFF; font-family: Verdana; font-size: 11px; text-decoration: none;}
a:hover.sape {color: #FFFFFF; font-family: Verdana; font-size: 11px; text-decoration: none;}
.sape {color: #FFFFFF; font-family: Verdana; font-size: 11px; text-decoration: none;}

Cсылка выводится (видно, что тестовый текст обрабатывается стилем sape, а сама ссылка - фиг).

<tr valign="top"><td height="20"><p style="margin-left: 10"><font class=smalltextwhite><strong>Строчная реклама:</strong></p></font></td></tr> 


<tr><td><p style="margin-left: 10"><font class=sape><? echo "Просто тест"; ?></font></p></td></tr>

<tr><td><p style="margin-left: 10"><font class=sape><? echo $sape->return_links(1); ?></font></p></td></tr>
<tr><td><p style="margin-left: 10"><font class=sape><? echo $sape->return_links(1); ?></font></p></td></tr>
<tr><td><p style="margin-left: 10"><font class=sape><? echo $sape->return_links(1); ?></font></p></td></tr>
<tr><td><p style="margin-left: 10"><font class=sape><? echo $sape->return_links(); ?></font></p></td></tr>

Скриншот прилагаю:

S
На сайте с 05.04.2006
Offline
31
#1

Код вроде правильный, если не работает, значит что-то где-то недопрописали. Скорее всего в самой sape.

посмотрите html выводимый ссылка должна быть вида <a class=sape href=""></a>

И именовать так классы для сылок не рекомендую. Зачем писать на ссылке что она саповская?

WebSee
На сайте с 12.11.2007
Offline
66
#2

Класс пишется после тега, а уж потом псевдо-класс

a.sape:link

Встань и иди!
kimberlit
На сайте с 13.03.2007
Offline
370
#3

тогда уж ...

.sape a {}

.sape a:hover {}

и т.д.

MrDesigner
На сайте с 31.01.2008
Offline
210
#4

чайник я. ))

что именно имеется в виду?

Код должен выглядеть так?

a.sape:link {color: #FFFFFF; font-family: Verdana; font-size: 11px; text-decoration: none;}  

a.sape:visited {color: #FFFFFF; font-family: Verdana; font-size: 11px; text-decoration: none;}
a.sape:hover {color: #FFFFFF; font-family: Verdana; font-size: 11px; text-decoration: none;}
.sape {color: #FFFFFF; font-family: Verdana; font-size: 11px; text-decoration: none;}
WebSee
На сайте с 12.11.2007
Offline
66
#5
kimberlit:
тогда уж ...

.sape a {}
.sape a:hover {}

Точно, не стал детально разбирать код.


.sape, .sape a:link, .sape a:visited, .sape a:hover {color: #FFFFFF; font-family: Verdana; font-size: 11px; text-decoration: none;}
MrDesigner
На сайте с 31.01.2008
Offline
210
#6

Ура-ура!

Благодарю всех, спасибо - всё работает, тему можно закрыть!

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий