Подчеркивание ссылок css

Question

У меня есть следующий стиль для моих нижних колонтитулов в моем css-файле:

#footer { 
    text-align: center;
    font-size: .7em;
    color:#000000;
}

Это html-код для нижнего колонтитула:

<div id="footer">
   <br> //google ad
   <br>
   <br>
   <A HREF="http://www.site1.com">Blog</A>&nbsp;&nbsp;&nbsp;<A     
   HREF="http://site1/rss.xml">RSS</A>&nbsp;&nbsp;&nbsp;<A 
   HREF="http://www.mexautos.com">Autos Usados</A>&nbsp;&nbsp;&nbsp;<A 
   HREF="http://www.site2">Videos Chistosos</A>&nbsp;&nbsp;&nbsp;<A 
   HREF="http:/s.blogspot.com">Fotos de Chavas</A><br>
   Derechos Reservados &copy; 2008-<?=date('Y')?> address<br>
</div>

Но по какой-то причине некоторые ссылки подчеркнуты.

Есть какие-нибудь идеи, как я могу сделать так, чтобы ссылки не казались подчеркнутыми?

Спасибо

Answer 1

ты можешь попробовать

#footer a { text-decoration: none }

это означает, что все <a> теги внутри элемента с идентификатором footer не будут иметь подчеркивания.

Answer 2

попробуй:

#footer a{ 
   text-decoration: none;
}

Answer 3

Примените следующий стиль:

a, a:link, a:visited, a:hover
{
    text-decoration: none;
}

Я намеренно дал вам полный обзор всех штатов, в которых <a> тег может иметь, но вам вполне может сойти с рук и следующее:

a
{
    text-decoration: none;
}

Наконец, если вы хотите, чтобы это было применено только к нижнему колонтитулу:

#footer a, #footer a:link, #footer a:visited, #footer a:hover
{
    text-decoration: none;
}

Answer 4

Это не прямой ответ на ваш вопрос, но я бы настоятельно рекомендовал установить Firebug в Firefox, поскольку он позволяет вам видеть, какие классы применяются и в каком порядке - по сути, помогая вам отлаживать ваш CSS.

Answer 5

Добавьте следующую строку в свою таблицу стилей:

a {text-decoration:none;}