Allora, gran calma...
Ho un sottomenù composto da sei voci, queste sono distribuite su due righe orizzontali. Le prime tre voci hanno la stessa coordinata Y, e così anche le altre tre. Tutte hanno le coordinate X differenti.
Così ho creato una tabella ed ho gestito le singole voci in questa maniera:
<table width="811px" border="0" cellspacing="0" cellpadding="0">
<tr>
<td background="sfondo-sottomenuUP.jpg" valign="top" height="22px">
<div class="sottomenu01"> Testo01</div>
Testo02
Testo03
</td>
</tr>
<tr>
<td background="sfondo-sottomenuDOWN.jpg" valign="top" height="21px">
Testo04
Testo05
Testo06
</td>
</tr>
</table>
Ognuna ha il proprio CSS; di seguito riporto quello della prima. Ovviamente varia sempre il "padding-left" grazie al quale vado a posizionare le mie voci.
.sottomenu01 {
position: absolute;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
padding-left: 28px;
padding-top: 7px;
font-size: 9px;
color: #C82944;
}
Ora, su IE vedo tutto allineato perfettamente e i links funzionano. Su Safari vedo sempre tutto allineato perfettamente, però i links non funzionano tutti! Il codice non mi sembra niente di complesso. Qualcuno ha qualche consiglio? Anche per migliorare il codice che ho usato, se credete.
Grazie,
goat