2009-05-24 10 views
4

Je le style suivant pour mes pieds de page dans mon fichier css:Liens Css souligner

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

Ceci est le code html pour la partie pied de page:

<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> 

Mais pour une raison quelconque certains des liens show souligné.

Des idées comment je peux faire en sorte que les liens n'apparaissent pas soulignés?

Thx

+1

vous blesser mes yeux avec des balises en majuscules :( – daniels

Répondre

14

vous pouvez essayer

#footer a { text-decoration: none } 

cela signifie que tous <un> balises dans l'élément avec le pied de page id aura pas souligné.

+2

Argh Zut, vous étiez plus vite ^^ –

+2

haha, vous êtes rapide - même en ajoutant un commentaire –

+0

je pourrais être être inutilement « pinailler » - mais pas nécessairement une tags ... quelque chose avec une spécificité plus élevée pourrait remplacer ce que vous avez placé ci-dessus.J'ai eu des problèmes avec cela avant et je ne pourrais jamais comprendre pourquoi cela n'a pas fonctionné.Pour un FYI – GreenieMeanie

10

essayer:

#footer a{ 
    text-decoration: none; 
} 
8

Appliquer le style suivant:

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

Je vous ai volontairement donné une couverture complète de tous les états qu'une étiquette <a> peut avoir, mais vous peut très bien être capable de s'en tirer aussi bien que:

a 
{ 
    text-decoration: none; 
} 

Enfin, si vous ne veux que cela appliqué au pied de page:

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

Ajoutez la ligne suivante à votre feuille de style:

a {text-decoration:none;} 
3

Pas une réponse directe à votre question, mais je vous recommande fortement d'installer Firebug dans Firefox comme vous permet de voir quelles classes sont appliquées et quel ordre - essentiellement vous aider à déboguer votre CSS.