Reputation: 435
I have the following style for my footers in my css file:
#footer {
text-align: center;
font-size: .7em;
color:#000000;
}
This is the html for the footer part:
<div id="footer">
<br> //google ad
<br>
<br>
<A HREF="http://www.site1.com">Blog</A> <A
HREF="http://site1/rss.xml">RSS</A> <A
HREF="http://www.mexautos.com">Autos Usados</A> <A
HREF="http://www.site2">Videos Chistosos</A> <A
HREF="http:/s.blogspot.com">Fotos de Chavas</A><br>
Derechos Reservados © 2008-<?=date('Y')?> address<br>
</div>
But for some reason some of the links show underlined.
Any ideas how I can make it so the links do not appear underlined?
Thx
Upvotes: 4
Views: 5632
Reputation: 150976
you can try
#footer a { text-decoration: none }
that means all <a> tags within the element with id footer will have no underline.
Upvotes: 14
Reputation: 180777
Add the following line to your stylesheet:
a {text-decoration:none;}
Upvotes: 2
Reputation: 91525
Apply the following style:
a, a:link, a:visited, a:hover
{
text-decoration: none;
}
I've intentionally given you complete coverage of all the states that an <a>
tag can have, but you very well may be able to get away with the following as well:
a
{
text-decoration: none;
}
Finally, if you only want this applied to the footer:
#footer a, #footer a:link, #footer a:visited, #footer a:hover
{
text-decoration: none;
}
Upvotes: 8
Reputation: 7438
Not a direct answer to your question, but I'd highly recommend installing Firebug in Firefox as it allows you to see what classes are applied and it what order - essentially helping you to debug your CSS.
Upvotes: 3