- This topic is empty.
Viewing 2 posts - 1 through 2 (of 2 total)
Viewing 2 posts - 1 through 2 (of 2 total)
- The forum ‘CSS’ is closed to new topics and replies.
The forums ran from 2008-2020 and are now closed and viewable here as an archive.
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
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;
}