Jump to content

simple problem: link text-decoration


Recommended Posts

I set my link properties as follows in my style sheet:

[code]
a:link,
a:active,
a:visited {
color: #000;
text-decoration: none;
}

a:hover {
color: #444242;
}
[/code]

changes my links globally through out the site. And thats what I want.

But now I have this set of links that I want to have the underline text-decoration. Originally I had the top div just as a div style tag, but couldnt figure out the popper syntax to edit within the div style tag. I tried <div style = "a:link text-decoration:underline;"> but it didnt work correctly. So I just set it in its div id tag.

heres my html
[code]
<div id ="chk_links">
  <div style = "margin:2px 0px 2px;">
    Select:  &nbsp;
    <a href="javascript: void(0)" onclick="return checkall()">All</a>&nbsp;&nbsp;
    <a href="javascript: void(0)" onclick="return uncheckall()">None</a>&nbsp;&nbsp;
    <a href="javascript: void(0)" onclick="return invert()">Invert</a>
  </div>
</div>
[/code]

heres the css
[code]
#chk_links a:link {
text-decoration: underline;
}
[/code]

works fine in firefox but in IE the underline doesnt show up? any suggestions?

Link to comment
https://forums.phpfreaks.com/topic/25764-simple-problem-link-text-decoration/
Share on other sites

[quote author=ToonMariner link=topic=113419.msg461071#msg461071 date=1162387521]
Works fine for me...

Make sure you declare

#chk_links a:link {
text-decoration: underline;
}

after the other a declarations - also clear your cache (just in case)
[/quote]

yep I ended up having to clear my cache. works fine.
Guest
This topic is now closed to further replies.
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.