Ive just done a vertial menu in css - with background... but im having trouble doing a hornizontal menu bar only in css as i want each button to have a set amount of padding around it, and im not sure how to do this.
Can some one help?
Thanks
^^^Done that now - but i have another question now - je je!

How do i determine the possition of a id - it seems i cant move it to where i want and i dont know why!

How can I make this 150 from the top and 100 from the left??

#navcontainer ul li
{
list-style-type: none;
padding: 0;
margin: 0;
display: block;
float: left;
background: url("http://biphome.spray.se/karl10/images/navBarBg.gif") repeat-x 20px;
font: 10px/20px "Lucida Grande", verdana, sans-serif;
text-align: center;
}
 
#navcontainer a
{
color: #000;
text-decoration: none;
display: block;
width: 70px;
border-top: 1px solid #A8B090;
border-bottom: 1px solid #A8B090;
border-left: 1px solid #A8B090;
}
 
#navcontainer li#active { background: url("http://biphome.spray.se/karl10/images/navBarBgHover.gif") repeat-x 20px; }
#navcontainer a:hover { background: url("http://biphome.spray.se/karl10/images/navBarBgHover.gif") repeat-x 20px; }

Here is a lot of different css menu's you can look at to learn from.
http://css.maxdesign.com.au/listamatic/

Also, try using the edit button instead of double posting.

Originally Posted by Phaaze

Here is a lot of different css menu's you can look at to learn from.
http://css.maxdesign.com.au/listamatic/

Also, try using the edit button instead of double posting.

Thank you but I have already looked at that site, and I have used menus off there before, but I have the same problem - when I write top: 150 px; left: 10 px; it doesnt work seem to work.

Can any on else see why adding
top: 150 px;
left: 10 px;
in the css code doesnt work and what esle i could put there to see if it works.

Hope some one can help.
Cheers

margin-top: 150px;
margin-left: 10px;

top: 150 px;
left: 10 px;

That will ONLY work if the element you're trying to move is set to either position: relative or position: absolute. Otherwise you have to use floats, padding and/or margins to put things where you want them.

You might want to check out this tutorial:
http://www.barelyfitz.com/screencast...s/positioning/

Check out: http://www.webcredible.co.uk/user-fr...-buttons.shtml

I used that website to build some horizontally-aligned css rollover menu and it works great! (http://www.corazzinirealestate.com)