CSS – Menu “after” div

  • Chema

    (@chema)


    21 years, 4 months ago

    hi everybody, i’m triying to make a good looking style sheet, and, in a menu div, i create an “after” div like this:

    /* menu formatting */
    #menu {
    position: absolute;
    left: 660px;
    top: 335px;
    font-family: Arial, sans-serif;
    font-size: 8pt;
    color: #b28e35;
    width: 150px;
    padding: 0;
    margin: 0;
    }
    #menu:after {
    content: url(“./images/menu-end.jpg”);
    }

    in Mozilla Firefox, it’s look good. An image apear at the end of the menu, but, in IE, it’s missing… what a do wrong?… It’s another code for IE?… anyone can help me?…

    Thanks for all

Viewing 2 replies - 1 through 2 (of 2 total)
  • webwiz

    (@webwiz)

    21 years, 4 months ago

    Hi Chema,

    Nothing wrong with what you are doing. It’s just that IE has poor support for CSS2 selectors like the one you are using. Especially on Windows. IE 5 Mac is better, but has its own issues.

    Dean Edwards has a solution using Javascript:

    dean.edwards.name/IE7/overview/

    Hope this helps.
    David H.

    webwiz

    (@webwiz)

    21 years, 4 months ago

    Hi Chema,

    Nothing wrong with what you are doing. It’s just that IE has poor support for CSS2 selectors like the one you are using. Especially on Windows. IE 5 Mac is better, but has its own issues.

    Dean Edwards has a solution using Javascript:

    dean.edwards.name/IE7/overview/

    Hope this helps.
    David H.

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘CSS – Menu “after” div’ is closed to new replies.