The Support Forums will be in read-only mode for a scheduled maintenance window on 01 September 2016 14:00 UTC - 20:00 UTC. More information.

different link color (3 posts)

  1. maiwing
    Posted 10 years ago #


    im pretty new to wordpress. so far i really love it!

    anyway.. im using the lastest release with Jim Whimpey's DayDream theme (http://www.fightingfriends.com/daydream/)
    with a few modifications ofcourse :)
    i also use firefox. and everything looks great within firefox. but when i looked at the blog at a friends computer, whom is using IE, the color of the links where not the same as within firefox.

    please take a look at my blog here: http://maiwing.com
    and compare with firefox and IE. any suggestions what i can do to make IE display the same link color as firefox does?

    thanks in advance

  2. pauljohns
    Posted 10 years ago #

    Check this out: http://jigsaw.w3.org/css-validator/validator?uri=http://maiwing.com/

    That's your CSS validation. You see those errors? Especially lines 80 and 86? Sometimes, in my experience, having incorrect CSS can cause wacky cross-browser behaviour.

    Try it, and let us know if it works.

  3. ptvguy
    Posted 10 years ago #

    Some of your CSS is FireFox and Mozilla specific, so that kind of thing will probably never validate. It's a personal style choice, anyway. I'm seeing some code in the primary style sheet that I would have formulated a little differently. It's not a big deal, but you could try replacing this:

    h1 a, h1:visited { color: #fff; text-decoration: none; }

    with this:

    h1 a, h1 a:visited { color: #fff; text-decoration: none; }

    And there's a lot of non-IE code in use in the LIGHTBOX plugin stylesheet. IE doesn't support the outline attribute for one thing:

    #hoverNav a{ outline: none;}

    Although it doesn't do the same thing, you'll probably have to stick with the border attribute for IE. In fact there's some CSS3 stuff going on in that entire style sheet that is only haphazardly supported in browsers. Believe me, I'd love to make more extensive use of the before and after features of the content attribute, but it just doesn't work well enough yet.

    Also, using display: inline-block to set a width on an inline element is pretty iffy at best.

    * html>body .clearfix {
    display: inline-block;
    width: 100%;

    Even with all that said, it all seems to work fine for me in both IE 6 and FF So, personally, I wouldn't worry about it.

Topic Closed

This topic has been closed to new replies.

About this Topic


No tags yet.