Layers in css

Discussion in 'CSS' started by nuts, Nov 21, 2006.

  1. #1
    Hey,

    I'm trying to set up some layers using css however I'm having problems positioning them. The webpage doesn't seem to pick up any of positioning that I've set in the css.

    I'm sure it's a really simple mistake I'm making.

    Any help would be appreciated

    css code as follows:

    body {
    font: 12pt verdana, arial, sans-serif;
    color: #003300
    }

    a { text-decoration: underline; color: #003300 }
    a:visited { color:
    #00CC00}
    a:hover, a:active { color: #FFF; text-decoration: none; }
    a:hover { background:
    #003300; }
    a:active {color: #FF0000;}
    a:active { background:
    #003300; }P:first-letter {
    font-size : 14pt;
    font-style : italic;
    }

    #Layer1 {
    position:absolute;
    left:240px;
    top:20px;
    width:482px;
    height:42px;
    z-index:1;
    text-align:center
    }
    #Layer2 {
    position:absolute;
    left:15px;
    top:68px;
    width:89px;
    height:289px;
    z-index:2;
    text-align:center
    }
    #Layer3 {
    position:absolute;
    left:110px;
    top:66px;
    width:741px;
    height:712px;
    z-index:3;
    text-align:left

    }
     
    nuts, Nov 21, 2006 IP
  2. crazybjörn

    crazybjörn Peon

    Messages:
    270
    Likes Received:
    10
    Best Answers:
    0
    Trophy Points:
    0
    #2
    The CSS looks fine here. Could you show us the applicable HTML?
     
    crazybjörn, Nov 21, 2006 IP