Some on helppp Meeeeeeeeeeee

Discussion in 'CSS' started by gireeshgv, Apr 6, 2006.

  1. #1
    Pls look my code
    /* CSS Document */
    BODY
    {
    background:#fff;
    margin:0;
    padding:0;
    color:#000;
    font:x-small/1.5em Georgia,Serif;
    voice-family: "\"}\""; voice-family:inherit;
    font-size:small;
    } html>body {font-size:small;}


    #header
    {
    float:left;
    width:100%;
    background:#DAE0D2 url("E:\RB New\Images\bg.gif")
    repeat-x bottom;
    font-size:120%;
    line-height:normal;
    }
    #header ul
    {
    margin:0;
    padding:10px 10px 0;
    list-style:none;
    }
    #header li
    {
    float:left;
    background:url("E:\RB New\Images\norm_right.gif")
    no-repeat right top;
    margin:0;
    padding:0;
    }
    #header a
    {
    display:block;
    background:url("E:\RB New\Images\norm_left.gif")
    no-repeat left top;
    padding:5px 15px 4px ;
    }
    #header #current {
    background-image:url("E:\RB New\Images\norm_right_on.gif");
    }
    #header #current a
    {
    background-image: url("E:\RB New\Images\norm_left_on.gif");
    padding-bottom :5px;

    This is a css menu bar it is working in IE but not in Firefox and other browsers.Pls help i am stuck with this
     
    gireeshgv, Apr 6, 2006 IP
  2. Kat2

    Kat2 Well-Known Member

    Messages:
    143
    Likes Received:
    4
    Best Answers:
    0
    Trophy Points:
    108
    #2
    well for one thing, this is new to me:
    html>body {font-size:small;}

    I don't know what that's supposed to be... you don't put any HTML tags in a CSS, and you already set the font size small in the CSS Body tag.
     
    Kat2, Apr 6, 2006 IP
  3. kk5st

    kk5st Prominent Member

    Messages:
    3,497
    Likes Received:
    376
    Best Answers:
    29
    Trophy Points:
    335
    #3
    gireeshgv: Did I miss the link? Without the html, the style rules mean zip. Too, why the font-size constants? There isn't agreement across browsers on them. You're just asking to need hacks.

    BTW, the topic title really sucks. State the area of interest (menu bar), how it causes trouble and in which browser(s). "Doesn't work" is not a problem description.

    Kat2: The child selector is not supported by IE/Win, so it can be used to feed a different rule to IE/Mac and modern browsers. In this case, IE/Win's x-small is about the same size as other browsers' small.

    cheers,

    gary
     
    kk5st, Apr 7, 2006 IP