Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Garage Door Menu Help

  • This topic is empty.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #29487
    kellyand
    Member

    Hello Forum!

    I was wondering if anyone could offer me some assistance on the Garage Door Menu. I am new to css and am trying to implement this menu into my webpage. I love the menu but am having problems getting it lined up properly.

    It seems to be adding white space around the menu preventing it from falling into my allotted space. I would like it to be just to the right of my logo along the top of the page (centered within that empty space).

    You can see what is happening at: http://hotclayoven.com/newHCO/index.html

    Any help you can offer would be very much appreciated.

    Thanks in advance – Kelly

    #79022
    kellyand
    Member

    Hello Again…

    Here is my css code. Thanks again!

    * { margin:0px; padding:0px; }
    a { outline-style: none; }

    ul#menuback {
    margin: 50px auto;
    list-style: none;
    background: url(../images/menu-bg.jpg);
    width: 740px;
    overflow: auto;
    }

    ul#menuback li.shutter {
    width: 185px;
    height: 93px;
    display: block;
    float: left;
    }

    ul#menuback li#shutter1 {
    background: url(../images/shutter-africanplains.jpg) no-repeat;
    }
    ul#menuback li#shutter2 {
    background: url(../images/shutter-reptiles.jpg) no-repeat;
    }
    ul#menuback li#shutter3 {
    background: url(../images/shutter-aviary.jpg) no-repeat;
    }
    ul#menuback li#shutter4 {
    background: url(../images/shutter-arcticzone.jpg) no-repeat;
    }

    a.link {
    width: 185px;
    height: 93px;
    display: block;
    background: url(../images/window.png) no-repeat bottom center;
    text-indent: -9999px;
    }

Viewing 2 posts - 1 through 2 (of 2 total)
  • The forum ‘CSS’ is closed to new topics and replies.