WebsiteBaker Support (2.8.x) > Templates, Menus & Design

menu problem css

(1/2) > >>

Ogierini:
hi,

I am trying to make a horizontal menu but it doesn't work as I wish.

Since there is a logo on the left site the menu appears on the right top site of the website.
www.ireneogier.nl/wb

But than I would like to each menu item to be just as large as the other one
so that the fall nicely above each other (see pic) , but if I put in a certain width, than the menu starts to be verticall.

I also want some padding on the left, but this  :? menu doesn't listen.

Any one some advice?


This s how I would like it to be: See picture.....



[gelöscht durch Administrator]

crnogorac081:
try display: block on menu items

Ruud:
You can set the width (and more) on the  #menu li selector.


--- Code: ---#menu li {
    background: url("images/menublok.jpg") no-repeat scroll 0 -3px transparent;
    float: left;
    height: 20px;
    padding: 0 0 0 8px;
    width: 130px;
}
--- End code ---
Remove the background from the #menu a selector.

That will come very close.

Ogierini:
thanks a lot!

I'll try it out tonight!
Irene

Ogierini:
this worked out great.

Thanks a lot.  :-D



but now the hover is bugging me. #menu li a:hover I mean.
It should light up with white letters and a red background.
But I can't get it to the right.

The ull's and li's confuse me here...

Navigation

[0] Message Index

[#] Next page