Salve a tutti. Come da oggetto ho problemi a centrare un immagine al centro della cella di una tabella.
Vi spiego. Nella pagina ho una tabella con due celle. Nella cella 1 c'è la tabella che contiene il menu e sotto c'è un'immagine (che non fa parte della tabella del menu).
Nella cella 2 c'è una tabella il cui contenuto varia quindi l'altezza aumenta e aumenta quindi l'altezza della tabella che contiene il tutto (quella con il bordo nero).
Ora il mio problema è quello di tenere l'immagine sempre al centro dello spazio bianco che si vede nella cella 1.
La pagina è fatta in xhtml.
Questo è più o meno il codice attuale (ho messo lo stile direttamente nei tag per fare prima):
<table width="100%" border="1" cellspacing="0" cellpadding="0" style="border:2px solid black;">
<tr>
<td width="20%" valign="top">
<table border="1" width="100%" style="border:2px solid red;">
<tr>
<td>Menu 1</td>
</tr>
<tr>
<td>Menu 2</td>
</tr>
<tr>
<td>Menu 3</td>
</tr>
<tr>
<td>Menu 4</td>
</tr>
</table>
[img]xxx[/img]
</td>
<td>
<table border="1" width="100%" style="border:2px solid red;">
<tr>
<td>aaaaaaaaaaa</td>
</tr>
<tr>
<td>bbbbbbbbbb</td>
</tr>
<tr>
<td>cccccccccc</td>
</tr>
<tr>
<td>dddddddddd</td>
</tr>
<tr>
<td>eeeeeeeeee</td>
</tr>
<tr>
<td>ffffffffff</td>
</tr>
<tr>
<td>gggggggggg</td>
</tr>
<tr>
<td>hhhhhhhhhh</td>
</tr>
<tr>
<td>iiiiiiiiii</td>
</tr>
<tr>
<td>jjjjjjjjjj</td>
</tr>
<tr>
<td>kkkkkkkkkk</td>
</tr>
</table>
</td>
</tr>
</table>
Rispondi quotando