centering vertically menu items

[cogumelo]

Hi,

Can anyone help on how to get the menu items centered vertically without making the height of the menu bigger?

i can't seem to get the items centered vertically...

here's the link (http://corfebol.no.sapo.pt)

ul.navlist {
margin: 0px;
padding: 0px;
width: 760px;
color: #666666;
background-color: #0E5AA6;
height: 25px;
border-left: 1px solid #ffffff;
border-right: 1px solid #ffffff;
}

.navlist li {
display: inline;
list-style-type: none;
padding: 5px;
margin-left: 6px;
color: #ffffff;
}

.navlist li a, .navlist li a:visited, .navlist li a:active{
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: x-small;
text-transform: uppercase;
color: #ffffff;
}

.navlist li a:hover {
color: #FFC652;
}

/* menu vertical */

.navlist1
{
padding-left: 0;
margin-left: 0;
width: 100%;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: x-small;
text-transform: uppercase;
}

.navlist1 li
{
list-style: none;
margin: 0;
padding: 0.25em;
border-bottom: 1px solid #cccccc;
}

.navlist1 li a { text-decoration: none; }

thx in advance

[bathurst_guy]

you can just play with the padding, give the top a larger padding than the bottom, will take some tweaking tho

[Kravvitz]

Or you could change the line-height (http://www.w3.org/TR/REC-CSS2/visudet.html#propdef-line-height).

[cogumelo]

Issue sorted. I used the line-height. seems ok in IE and Firefox

Anyone testing it on other browsers feel free to tell me if it seems ok.


Thx guys

[Kravvitz]

AFAIK, all browsers with CSS support since NS4 and IE4 handle line-height correctly.