WordPress.org

Ready to get started?Download WordPress

Forums

different link color (3 posts)

  1. maiwing
    Member
    Posted 8 years ago #

    Hi!

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

  2. pauljohns
    Member
    Posted 8 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
    Member
    Posted 8 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 1.5.0.4. So, personally, I wouldn't worry about it.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.