Hvad gør man når vertical-align ikke kan bruges?
Nu er det vist blevet tid til lidt eksperthjælp :)Selve HTML koden, som jeg ikke har mulighed for at ændre på pga. det generes automatisk via et CMS system.
Jeg vil gerne have teksten til at stå centreret i min TD, men da jeg ikke har mulighed for at sætte højden på TD'en virker vertical-align ikke, eller jeg kan ikke få den til at virke.
Jeg kan godt løse mit problem i IE, men skal det virke på f.eks. Firefox også, så kommer problemet.
Så hvad kan man så gøre?
Udsnit af HTML koden:
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr align="left"><td><a href="index.php?option=com_frontpage&Itemid=1" class="mainlevel_mainmenu" id="active_menu_mainmenu">Forside</a></td></tr>
<tr align="left"><td><a href="index.php?option=com_content&task=section&id=1&Itemid=2" class="mainlevel_mainmenu" >Nyheder</a></td></tr>
<tr align="left"><td><a href="index.php?option=com_content&task=section&id=3&Itemid=40" class="mainlevel_mainmenu" >FAQ</a></td></tr>
<tr align="left"><td><a href="index.php?option=com_weblinks&Itemid=4" class="mainlevel_mainmenu" >Links</a></td></tr>
<tr align="left"><td><a href="index.php?option=com_contact&Itemid=3" class="mainlevel_mainmenu" >Kontakt</a></td></tr>
<tr align="left"><td><a href="index.php?option=com_search&Itemid=27" class="mainlevel_mainmenu" >Søg</a></td></tr>
<tr align="left"><td><a href="index.php?option=com_phpshop&Itemid=42" class="mainlevel_mainmenu" >Shop</a></td></tr>
</table>
Min CSS kode:
a.mainlevel_mainmenu:link , a.mainlevel_mainmenu:visited {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 12px;
font-weight : normal;
background : #cccccc;
color : #333333;
width : 172px;
height : 25px;
text-align : left;
text-decoration : none;
text-indent: 20pt;
background-image: url(../images/menu-background.gif);
background-repeat: no-repeat;
display: block;
}
Mvh
Daniel
