2009-05-24 4 views
4

Ich habe folgendes Stil für meine Fußzeilen in meiner CSS-Datei:Verbindungen css unterstreichen

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

Dies ist der HTML-Code für den Fußbereich ist:

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

Aber aus irgendeinem Grund einige der Links unterstrichen anzeigen.

Irgendwelche Ideen, wie ich es so machen kann, dass die Links nicht unterstrichen erscheinen?

Thx

+1

du verletzt meine Augen mit Großbuchstaben Tags :( – daniels

Antwort

14

Sie

#footer a { text-decoration: none } 

das heißt alle <ein>-Tags innerhalb des Elements mit id Fußzeile nicht unterstrichen wird versuchen.

+2

Argh damnit, du warst schneller ^^ –

+2

haha, du bist schnell - auch einen Kommentar hinzufügen –

+0

Ich könnte unnötigerweise "nitpicky" sein - aber nicht unbedingt alle a Tags ... etwas mit einer höheren Spezifität könnte überschreiben, was Sie oben setzen. Ich habe Probleme mit dieser zuvor und konnte nie herausfinden, warum es nicht funktioniert. Nur eine FYI. – GreenieMeanie

10

Versuch:

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

gelten folgende Art:

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

ich Sie absichtlich gegeben habe eine vollständige Abdeckung aller Staaten, dass ein <a> Tag haben kann, aber man kann sehr gut sein, mit folgenden auch:

a 
{ 
    text-decoration: none; 
} 

Schließlich, wenn Sie nur wollen, dass diese in die Fußzeile angewendet:

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

die folgende Zeile in Ihrem Stylesheet hinzufügen:

a {text-decoration:none;} 
3

keine direkte Antwort auf Ihre Frage, aber ich würde empfehlen Firebug in Firefox, da es Installation ermöglicht es Ihnen zu sehen, welche Klassen angewendet werden und welche Reihenfolge - im Wesentlichen hilft Ihnen, Ihr CSS zu debuggen.