Grow your CSS skills. Land your dream job.

external sheet issue and more..

  • # June 17, 2010 at 2:38 am

    1) nav hover ‘arrow gif’ works when css is embedded. as in here: http://www.rondewilde.com/index-dots.html

    but when i use linked external css it fails, as in here: http://www.rondewilde.com/index-linked.html

    what am i doing wrong? and even when it’s working, ideally i’d like the arrow to line up just outside the flush right list and not cause the copy to indent. be nice to know the right code for that…

    2) also…. the version ‘index-dots.html shows ‘dot.png’ for background in safari only. how to fix for other browsers?

    AND…

    3) additionally, and this i just gotta fix: the wrapper div, spec’d as relative position, is static in IE. the div just gets thrown to left margin. any help is appreciated.

    thnx-
    ron

    # June 17, 2010 at 5:32 pm

    1) If this is your internal stylesheet:

    Code:
    #container{ background:url(images/dots.png); background-repeat:repeat; background-position: 0 0; min-height:100%; margin:0 auto;width:1610px;}

    Then your external (which is situated within a sub folder) should read

    Code:
    #container{ background:url(../images/dots.png); background-repeat:repeat; background-position: 0 0; min-height:100%; margin:0 auto;width:1610px;}

    2) I didn’t see the dots.png in any browser. (I tried firefox, chrome and safari)

    3) I would recommend that you validate your html properly before trying to work out IE quirks. http://validator.w3.org/

    # June 17, 2010 at 6:16 pm

    Thnx Jamy. Getting same feedback. It’s a learning curve thang. I realize now I need to do the footwork with the basics, ie. validation, etc. before any refinement.

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".