Allineamento su stessa riga di 2 tabelle contenute dentro una tabella. Come si fa?

[marcsellier]

Ciao a tutti!

Ho fatto oggi una piccola pagina con un misto tra HTML e PHP:

<table width="100%">
   <tr>

       <td align="left" width="15%">
        <table>
        <tr><td class="titoli_aggiornamenti">Vuoi renderti ben visibile?</td></tr>
        <tr><td class="paragrafi_aggiornamenti">Carica le tue foto</td></tr>
        </table>
      </td>

       <td align="left" width="15%">
        <table>
        <tr><td class="foto_principale">[img]immagini/foto_principale/<?php  echo $foto_principale; ?>[/img]</td></tr>
        </table>
       </td>
  </tr>
</table>

Nel foglio CSS ho messo questo:

body { 
       font-family: Arial;
      color: #808080;
      margin:0; 
     }

a:link, a:visited{
	color:#0026FF;
	}

td.titoli_aggiornamenti {
	font-family:Arial;
	color:#FF6A00;
	font-weight:bold;
	}

td.paragrafi_aggiornamenti {
	font-family:Arial;
	color:#808080;
	}

Come si può vedere ho fatto una tabelle che contiene 2 sotto tabelle.
Le prime 2 righe delle 2 sotto-tabelle non sono allineate sulla stessa altezza. Come mai?

Insomma, l'immagine si trova più in alto rispetto alla frase "Vuoi renderti ben visibile?". Ma perchè? Dove sbaglio?

Sicuramente qualcuno più esperto di me saprà darmi una mano...

Qualcuno ha qualche idea? Grazie!

[Prill]

Ciao marcsellier, una cella ha l'allineamento verticale di default impostato su middle, per allineare i contenuti in alto potrai aggiungere nel css un vertical-align:top; per le tue celle (fra l'altro se la tabella è fatta di due colonne, perché sono larghe il 15% tutt'e due?)

[marcsellier]

Originariamente inviato da Prill
Ciao marcsellier, una cella ha l'allineamento verticale di default impostato su middle, per allineare i contenuti in alto potrai aggiungere nel css un vertical-align:top; per le tue celle (fra l'altro se la tabella è fatta di due colonne, perché sono larghe il 15% tutt'e due?)

Ciao, ti ringrazio per la risposta.
Avevo già provato con quel comando ma continua a restare tutto uguale... :master:

Comunque quì nell'esempio ho riportato solo 2 tabelle, ma nel codice originale ho 4 tabelle...
Nessuna idea?

[Prill]

Puoi farci vedere la tua pagina completa on line?

[marcsellier]

Originariamente inviato da Prill
Puoi farci vedere la tua pagina completa on line?

Risolto!

Bastava mettere valign="top" come argomento di <td> direttamente nel codice HTML e non una regola nel CSS.

Grazie a tutti

[Prill]

Non è proprio come dici, l'allineamento verticale può essere impostato tanto con l'attributo all'interno del tag (soluzione da evitare per avere codice più snello) quanto col css. Evidentemente non lo inserivi al posto giusto