Placering af tekst i forhold til menu
Hej eksperter,Det her er formentlig piece of cake for jer hardcore gutter, men jeg er ikke lige CSS haj.
Jeg sidder med en hjemmeside hvor der i toppen er en menu, der er lavet en streg i top og en steg i bund - grålige - og så skal teksten placeres lige i midten der. Men den viser sig præcis i midten af den nederste grå streg. What to do?
CSS ser sådan ud:
#divMenu
{
position: absolute;
left: 224px;
top: 74px;
width: 670px;
height: 30px;
border-top: 1px solid #c8c8c8;
border-bottom: 1px solid #c8c8c8;
text-align: left;
}
#divMenuItems
{
position: absolute;
left: 13px;
top: -10px;
width: 680px;
}
#divMenuItems ul
{
margin: 0px;
padding: 0px;
list-style-type: none;
top: -50px;
}
#divMenuItems li
{
float: left;
margin: 0px;
padding: 0px;
font-family: Arial, Helvetica, sans-serif;
margin-right: 32px;
top: -10px;
color: #000000;
}
#divMenuItems A, #divMenuItems A:visited
{
color: #ef6b30;
text-decoration: none;
font-size: 18px;
}
#divMenuItems A:hover
{
color: #666666;
text-decoration: none;
font-size: 18px;
}
#divMenuItems A:active
{
color: #ffffff;
text-decoration: none;
font-size: 18px;
}