homepage Welcome to WebmasterWorld Guest from
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member
Visit PubCon.com
Home / Forums Index / Browsers / Firefox Browser Usage and Support
Forum Library, Charter, Moderators: incrediBILL

Firefox Browser Usage and Support Forum

Link color doesn't display

 6:59 pm on Sep 1, 2007 (gmt 0)


I specified the link color for all content, yet always when creating a new link it is displayed in the browser default color and I have to specify the color again.

In the style sheet I declare:

#maincontentGeneral a:link {color: #cc0000;}
#maincontentGeneral a:hover {color: #cc0000;}
#maincontentGeneral a:active {color: #cc0000;}
#maincontentGeneral a:visited {color: #cc0000;}

#maincontentGeneral wraps all content

Thank you,



 7:19 pm on Sep 1, 2007 (gmt 0)

You'll need to put them in the correct order. They should be in the LVHA order...

#maincontentGeneral a:link {color: #cc0000;}
#maincontentGeneral a:visited {color: #cc0000;}
#maincontentGeneral a:hover {color: #cc0000;}
#maincontentGeneral a:active {color: #cc0000;}

Also, you have the same color for all 4 link states?

CSS is case sensitive. If your ID/Class is not using Camel Caps as you have above #maincontentGeneral, it won't work. You may be better off converting everything to lower case so you don't run into those problems in the future.


 8:25 pm on Sep 1, 2007 (gmt 0)

thank you, pageoneresults.

I removed #maincontentGeneral as well as I want All links on the site with that color.

The color is displayed only after the link got clicked and then going back to that site, yet, I most likely have to clean the style sheet as I specified so many links:-/ (the joys of learning a new language)



 8:35 pm on Sep 1, 2007 (gmt 0)

The joys of learning a new language.

We'll look forward to reading you.

We have a great group of people who hang out at the CSS Forum and are more than happy to provide assistance when they can.

WebmasterWorld CSS Forums


 5:38 pm on Sep 3, 2007 (gmt 0)

hello again -

I went through my style sheet and removed any 'redundant' link color styles. I quoted 'redundant' as I believe when I define simply

a:link {color: #cc0000;}
a:visited {color: #cc0000;}
a:hover {color: #cc0000;}
a:active {color: #cc0000;}

ALL links will be displayed ALL the time in that color. Yet, they are not - they are displayed in browser default color (blue), only when I hover over them or click the link and then go back to the initial page they are displayed in my desired color. What did I miss? Are there any cascade and specificity issues when using lists for various navigation bars (I haven't understood this part of css thoroughly yet).
So, if I i.e. define

#topnav a {
display: block;
background: url(../images/design/topnavbg.gif) no-repeat left bottom;
the 'a' tag is defined more specifically with no defined color it displays the browser default ones (especially because my color style sheet is imported into the one that defines '#topnav a') -

actually - I just verified that - and this was the problem!

Conclusion: organizing style sheets need more care than just sorting them by color, typography, layout... and importing them into a basic style sheet.

Thanks to that forum and its inspirations:-)

Global Options:
 top home search open messages active posts  

Home / Forums Index / Browsers / Firefox Browser Usage and Support
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved