Salve a tutti, vi espongo il mio problema. Sto creando una tabella in HTML formata da due colonne e varie righe. Nella colonna di sinistra vorrei inserire un'immagine e nella colonna di destra la relativa descrizione. Il codice utilizzato per la tabella è il seguente:
codice HTML:
<table width="75%" border="1"> <tr> <td width="25%">prima cella</td> <td width="75%">seconda cella<br></td> </tr> <tr> <td width="25%">terza cella</td> <td width="75%">quarta cella</td> </tr></table>
Il problema però è che quando vado ad inserire un immagine nella colonna di sinistra, il testo nella relativa colonna di destra mi si abbassa, aumentando di conseguenza anche l'altezza della colonna stessa. Vi posto un'immagine per farvi capire meglio.
tabella.jpg
Il codice che utilizzo, compreso di immagine è il seguente:
codice HTML:
<table width="75%" border="1"> <tr> <td width="25%"><a href="#" target="_blank"><img src="http://www.sentierisolidali.org/images/albatro.png" /> </a></td> <td width="75%">L'associazione l'albatro<br></td> </tr> <tr> <td width="25%">terza cella</td> <td width="75%">quarta cella</td> </tr></table>
Come posso risolvere?
Grazie in anticipo
EDIT: Si può chiudere, si risolve utilizzando o questo codice (nel <td>):
style="vertical-align:top"
o questo:
style="vertical-align:middle"