Horizontal Menu Height

[sospiri]

A superb bit of software - thank you very much.

I'd like to reduce the overall height so that it looks nice and slim like the menu bar on this site:-

http://www.carouzou.gr/homepage.asp?ITMID=2

(This appears to have been done with the Google Code, but your Generator appears to accomplish what I want with a fraction of the effort!)

I've tried reducing the height:100% in

.mainmenu ul ul a{
   width:100%;
   height:100%;
}

without achieving any noticeable change. I presume that there is a bit more to it than just that!

Regards,

Sospiri

[V]

First, you should set new padding for the anchors:

.mainmenu a, .mainmenu a:visited {
   display: block;
font-family:Arial, Helvetica, sans-serif;font-size:0.8em;font-weight:bold;font-style:normal;text-decoration:underline;
   color: #FFFF00;
   text-decoration: none;
   padding: 0.5em 0.5em;
}

Then you may want to change the margin of the submenu to to set the proper popup position:

.mainmenu li ul ul {
   margin:-1.2em 0 0 13.5em;
}

The above example should be some starting point (the changes from the original menu are in red). If you want more you may play with "height" attributes of the master ul / li etc. but it all depends on what you need...

[sospiri]

Many thanks, V - I'll add your suggestions and see if I'm heading in the right direction!