Aiuto!!!Problemi con le tabelle!

Problemi di allineamento in tabella a 3 colonne

Aiutoooooo...ho bisogno di aiuto pls!!
Qualcuno sa come posso fare in modo che tutte le cose(scritte, immagini, java, o quant'altro)inserite in una tabella vengano allineate tutte verticalmente a partire dall'alto?non voglio che se il contenuto della 3 colonna e di dimensioni più lunghe, il contenuto della prima mi si sposti verso il centro lasciando così la parte alta della tabella!...come posso fare?!??!?!?!?!?AIUTATEMI PER PIACERE!!

Prima cosa: non scrivere mai più aiuto nel titolo del topic... o te lo chiudono...
Seconda cosa: come operi? Cioè scrivi il codice o usi un editor per fare le tue pagine...?

giust...

Giust...m'ero scordato che nn si può scrivere aiuto nel topic...chiedo scusa a tutti... per rispondere a pulidori: ora sto usando dreamweaver però coonsco abbastanza dell'html(il primo mio sito l'ho fato con blocco note)...spero che rispondenti ora tu mi possa aiutare!

Scusa, basta che alla cella tu gli dia allineamento al centro... alias
<table>
<tr>
<td align="center">
<p>Oggetto</p>
<p>Oggetto</p>
<p>Oggetto</p>
<p>Oggetto</p>
</td></tr>
</table>
è questo che volevi o non ho capito una mazza?

<table align="center" width="100%" border="0">
<tr>
<td align="left" width="250">
<table width="100%" border="0">
<tr>
<td><font color="#000000" face="Comic Sans MS" size="2"><b>..:NiuSLetteR..</b></font></td>
</tr>
<tr>
<td bgcolor="#018BFF">
<script language="javascript">
function apri(form,car,nome) {
if (!nome)
nome = 'aa' + (new Date().getTime());
form.target = nome;
open ('', nome, car);
}
</script>
<form action="http://www.mailextra.com/iscri2.asp" onSubmit="apri(this,'width=500,height=400,resizabl e=0,scrollbars=0,toolbar=0,status=0,menubar=0,loca tion=0'); return true;">
<p align="center">Inserisci la tua e-mail<br> per la NiuSLetteR!<br>
<input type="hidden" name="mailing" value="8200">
<input type="text" name="email" size="20"> <br>
<input type="submit" value="Invia" name="B1">
</p>
</form></td>
</tr>
<tr><td><font color="#000000" face="Comic Sans MS" size="2"><b>..:SitiUtili..</b></font></td></tr>
<tr><td bgcolor="#018BFF"><ul><li title="Comunità di studenti!"><a href="http://www.studenti.it">www.studenti.it</a></li><br><li title="Ministero dell'istruzione"><a href="http://www.studenti.it">www.istruzione.it</a></li><li title="Tanto sul latino e greco"><a href="http://www.latinovivo.com">www.latinovivo.com</a></li><li title="Un portale con molto!"><a href="http://www.splash.it">www.splash.it</a></li></ul></td></tr>
<tr><td><font color="#000000" face="Comic Sans MS" size="2"><b>..:Utilità..</b></font></td></tr>
<tr><td bgcolor="#018BFF">
</font><a class="chlnk" style="cursor:hand" HREFonClick="this.style.behavior='url(#default#hom epage)';this.setHomePage('http://www.liceoperito.altervista');"><p align="center"><img src="immagini/casa.gif" width="32" height="32" alt="Clicca qui e sarò la tua pagina iniziale!"></p></a>
<p align="center"><a href="javascript:window.external.AddFavorite('http ://www.liceoperito.altervista.org','Il sitoweb del liceo Classico di Eboli!')"><img src="immagini/favoriti.gif" width="20" height="20" border=0 alt="Aggiungi ai preferiti!!"></a> <a class = "red" href="javascript:window.external.AddFavorite('http ://www.liceoperito.altervsta.org','Il sitoweb del Liceo Classico di Eboli!')"></a></td></tr>
</table>
</td>
<td align="center" width="1000">
<table width="100%" border="0">
<tr>
<td><font color="" face="Comic Sans MS" size="2"><b>..:Titolo..</b></font></td>
</tr>
<tr>
<td bgcolor="#018BFF"><div align="justify"><font size="4" color="#000000" face="Comic Sans MS">Il sito è nato perchè....blablablablablabla</font></div></td>
</tr>
</table></td>
<td align="right" width="200">
<table width="100%" border="0" title="Novità">
<tr>
<td>
<div align="left"><font color="#000000" size="2" face="Comic Sans MS"><b>..:Novità..</b></font><br></div></td>
</tr>
<tr>
<td bgcolor="#018BFF">QUI POI ENTRA UNA PICOOLA APPLET</tr></td>
<tr><td><font color="#000000" face="Comic Sans MS" size="2"><b>..:Sondaggio..</b></font></td></tr>
<tr><td>

<SCRIPT LANGUAGE="JavaScript1.1" SRC="http://italia.bpath.com/quiz.dbm?S=it&M=105613"></SCRIPT>

</td></tr>
</td></td>
</tr>
</table>

</tr>
</table>

Alor scusami se ho fatto un po' di casino....questa è la tabella in questione....accade questo....la 3 colonna ha all'interno elementi che la rendono più lunga delle altre due....nelle altre due gli elementi non stanno all'inizio, in alto quindi, della colonna bensì al centro.
Io vorrei che gli elementi della colonna di sinistra e della colonna centrale partissero dall'alto e vadino verso il basso, quindi dall'inizio proprio della colonna mentre in questo caso stanno al centro di quest'ultima. Spero di essere stato più chiaro!

Scusa, niente di personale, ma il codice di questa pagina fa schifo!!! Ci sono tag non chiusi ed hai invertito l'ordine di chiusura... Ci do un'occhiata, ma se usi Dreamweaver ti conviene usare una tabella come questa per contenitore:

Codice:

<html> <link rel="stylesheet" src="style.css" > <body> <table width="100%" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="100%" height="27"valign="top"><table width="100%" border="1" cellpadding="1" cellspacing="1"> <tr> <td width="100%" align="center" valign="top">Banner di testa</td> </tr> </table></td> </tr> <tr> <td valign="top"><table width="100%" border="1" cellpadding="1" cellspacing="1"> <tr> <td width="100%" align="center" valign="top">Barra di navigazione</td> </tr> </table></td> </tr> <tr> <td valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="200" valign="top"><table width="200" border="1" cellpadding="1" cellspacing="1"> <tr> <td width="200" align="center" valign="top">Colonna di sinistra<br> .<br> .<br> .<br> .<br> .<br> .<br> .<br> .<br> .</td> </tr> </table></td> <td width="100%" valign="top"><table width="100%" border="1" cellpadding="1" cellspacing="1"> <tr> <td width="100%" align="center">Colonna di centro<br> .<br> .<br> .<br> .<br> .<br> .<br> .<br> .<br> .</td> </tr> </table></td> <td width="200" valign="top"><table width="200" border="1" cellpadding="1" cellspacing="1"> <tr> <td width="192" align="center">Colonna di destra<br> .<br> .<br> .<br> .<br> .<br> .<br> . <br> .<br> .</td> </tr> </table></td> </tr> </table></td> </tr> <tr> <td valign="top"><table width="100%" border="1" cellpadding="1" cellspacing="1"> <tr> <td width="100%" align="center" valign="top">Piè di Pagina</td> </tr> </table></td> </tr> </table> </body> </html>

Copia il codice in una nuova pagina di DW! Per correggere la tua pagina ci vuole un'architetto...

a parte la tua delicatezza...cmq il codice da schifo l'ho fatto con dreamweaver...grazie lo stesso....ma alla fine col css si risolve il problema?però ovviamente lo devo prima creare...scusa se ti e vi assillo ma nn sono pratico di css

Appunto perchè l'hai fatto con DW! Molto spesso c'è roba superflua nel codice generato dagli editor! Comunque, per un layout a 3 colonne o lo fai con i div, e allora ti consiglio di dare un occhiata su www.html.it (oppute ti posto una pagina tipo con CSS), oppure lo fai con le tabelle come ti ho postato...

Scusa per la mia delicatezza, ma aprendo la tua pagina con DW mi dava un sacco di errori e tag superflui oltre che altri casotti; addirittura il layout non si vedeva nemmeno...

<table width="100%" border="0">
<tr>
<td width="200" align="left"><table width="100%" border="0">
<tr>
<td><font color="#000000" face="Comic Sans MS" size="2"><b>..:NiuSLetteR..</b></font></td>
</tr>
<tr>
<td bgcolor="#00CCFF"><script language="javascript">
function apri(form,car,nome) {
if (!nome)
nome = 'aa' + (new Date().getTime());
form.target = nome;
open ('', nome, car);
}
</script>
<form action="http://www.mailextra.com/iscri2.asp" onSubmit="apri(this,'width=500,height=400,resizabl e=0,scrollbars=0,toolbar=0,status=0,menubar=0,loca tion=0'); return true;">
<p align="center">Inserisci la tua e-mail<br> per la NiuSLetteR!<br>
<input type="hidden" name="mailing" value="8200">
<input type="text" name="email" size="20"> <br>
<input type="submit" value="Invia" name="B1">
</p>
</form></td>
</tr>
</table>
<table width="100%" border="0">
<tr>
<td><font color="#000000" face="Comic Sans MS" size="2"><b>..:SitiUtili..</b></font></td>
</tr>
<tr>
<td bgcolor="#00CCFF"><ul>
<li title="Comunità di studenti!"><a href="http://www.studenti.it">www.studenti.it</a></li>
<li title="Ministero dell'istruzione"><a href="http://www.studenti.it">www.istruzione.it</a></li>
<li title="Tanto sul latino e greco"><a href="http://www.latinovivo.com">www.latinovivo.com</a></li>
<li title="Un portale con molto!"><a href="http://www.splash.it">www.splash.it</a></li>
</ul>
</td>
</tr>
</table>
<table width="100%" border="0">
<tr>
<td><font color="#000000" face="Comic Sans MS" size="2"><b>..:Utilità..</b></font></td>
</tr>
<tr>
<td bgcolor="#00CCFF"><a class="chlnk" style="cursor:hand" HREFonClick="this.style.behavior='url(#default#hom epage)';this.setHomePage('http://www.liceoperito.altervista');"><p align="center"><img src="immagini/casa.gif" width="32" height="32" alt="Clicca qui e sarò la tua pagina iniziale!"></p></a>
<p align="center"><a href="javascript:window.external.AddFavorite('http ://www.liceoperito.altervista.org','Il sitoweb del liceo Classico di Eboli!')"><img src="immagini/favoriti.gif" width="20" height="20" border=0 alt="Aggiungi ai preferiti!!"></a> <a class = "red" href="javascript:window.external.AddFavorite('http ://www.liceoperito.altervsta.org','Il sitoweb del Liceo Classico di Eboli!')"></a>
</td>
</tr>
</table>
</td>
<td width="1000" align="center"><table width="100%" border="0">
<tr>
<td><font color="" face="Comic Sans MS" size="2"><b>..:Titolo..</b></font></td>
</tr>
<tr>
<td bgcolor="#00CCFF"><font size="4" color="#000000" face="Comic Sans MS">Il sito è nato perchè....blablablablablabla</font></td>
</tr>
</table>
</td>
<td width="200" align="right"><table width="100%" border="0">
<tr>
<td><font color="#000000" size="2" face="Comic Sans MS"><b>..:Novità..</b></font></td>
</tr>
<tr>
<td bgcolor="#00CCFF">
QUA VA L'APPLET
</td>
</tr>
</table>
<table width="100%" border="0">
<tr>
<td><font color="#000000" face="Comic Sans MS" size="2"><b>..:Sondaggio..</b></font></td>
</tr>
<tr>
<td bgcolor="#00CCFF">
<SCRIPT LANGUAGE="JavaScript1.1" SRC="http://italia.bpath.com/quiz.dbm?S=it&M=105613"></SCRIPT>
</td>
</tr>
</table>

</td>
</tr>
</table>

Ecco ora dovrebbe essere in ordine...dato che ti vedo più addentro tu come mi consigli di fare?...mi fido di te! :grin:

metti un valign="middle" al td della colonna in questione

dxblade grazie mille!!!!ce l'ho fatta....m'era sfuggito proprio il comando valign!!!....anche se dovevo mettere top!...grazie mille!!!!!!!!!

ovviamente grazie anke a te pulidori.....senza la tua delicatezzzzzza non avrei mai messo a psto il codice:=):

Citazione:

Originalmente inviato da liceoperito

ovviamente grazie anke a te pulidori.....senza la tua delicatezzzzzza non avrei mai messo a psto il codice:=):

Ma scherzi? Di nulla... se ti serve qualche altro sfottò per incoraggiarti io sono un asso...