sito diverso da anteprima e HTML

Oggi ho finito di preparare la mia nuova homepage, visualizzandola in anteprima con IE, front page, ed alcuni editor si vede come da html, ma una volta pubblicata la pagina viene deformata (guardate valentinox.altervista.org).
Come posso fare???
l'HTML è questo:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<?xml version="1.0" encoding="iso-8859-1"?><HTML
xmlns="http://www.w3.org/1999/xhtml"><HEAD><TITLE>vmh-valentino marangi homepage</TITLE>
<meta name="DC.Title" content="index.html">
<meta name="Keywords" content="Valentino Marangi, Informatica, Forum, Newsletter, computer, videogame, webmaster, risorse, risorse free, gratis, sms gratis, altervista, comicità, quattordicenne informatico, i.t.i.s. majorana, martina franca, metatags, pagerank">
<meta name="Description" content="Il sito internet con trucchi informatica, videogame, recensioni, forum">
<meta name="Robots" content="all">
<meta name="Revist-after" content="2 days">
<meta name="Copyright" content="Copyright. VMH - Valentino Marangi Homepage 2004">
<meta name="Creatione_date" content="17/12/2004">
<meta name="Author" content="Marangi Valentino rettili.tk@libero.it">
<meta name="Owner" content="Valentino Marangi">
<meta name="reply-to" content="rettili.tk@libero.it">
<meta name="DC.Language" content="it">
<meta http-equiv="expires" content="0">
<meta http-equiv="pragma" content="0">
<meta http-equiv="imagetoolbar" content="no">
<title>VMH - Valentino Marangi Homepage, computer, internet, videogame...</title>
<META http-equiv=Content-Type content="text/html; charset=iso-8859-1"><LINK
href="Home - www_symbianteam_it_file/template_css.css" type=text/css
rel=stylesheet><LINK href="http://www.symbianteam.it/images/favicon.ico"
rel="shortcut icon"></HEAD>
<BODY link="#000000" vlink="#000000" alink="#000000">
<DIV align=center>
<DIV id=main_outline>
<DIV id=pathway_outline>
<DIV id=pathway><SPAN class=pathway>Home </SPAN></DIV>
<DIV id=buttons>
<UL id=mainlevel-nav>
<LI>
<a class="mainlevel-nav" href="http://valentinox.altervista.org/link.html">Links</a></LI>
<LI><a class="mainlevel-nav" href="mailto:rettili.tk@libero.it">Contattaci</a></LI>
<LI><a href="http://www.forumfree.net/?c=38800">Forum</a></LI>
<LI><a class="mainlevel-nav" href="http://valentinox.altervista.org">Home</a></LI></UL></DIV></DIV>
<DIV class=clr></DIV>
<DIV id=header_area>
<DIV id=header style="width: 637; height: 83">
<img border="0" src="http://www.valentinox.altervista.org/BANNER2.jpg" width="637" height="82"></DIV>
<DIV id=top_outline style="width: 161; height: 91">
<TABLE class=moduletable cellSpacing=0 cellPadding=0>

<TBODY>
<TR>
<TH vAlign=top>RADIO SOTT U FK </TH></TR>
<TR>
<TD>
<TABLE class=contentpaneopen width="111%">
<TBODY>
<TR>
<TD vAlign=top colSpan=2 width="210%">Tra qualche giorno sarà
disponibile il download di "Radio Sott u Fk", 10 minuti di pura
comicità audio!<BR></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></DIV></DIV>
<DIV id=left_outline>
<DIV id=left style="width: 159; height: 755">
<TABLE class=moduletable cellSpacing=0 cellPadding=0>
<TBODY>
<TR>
<TH vAlign=top>Menu principale </TH></TR>
<TR>
<TD>
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR align=left>
<TD>
<font color="#000000">
<a class="mainlevel" id="active_menu" href="http://valentinox.altervista.org">
<font color="#000000">Home</font></a></font></TD></TR>
<TR align=left>
<TD><A class=mainlevel
href="http://www.forumfree.net/?c=38800">
<font color="#000000">Forum</font></A></TD></TR>
<TR align=left>
<TD><A class=mainlevel
href="http://valentinox.altervista.org/link.html">
<font color="#000000">Links</font></A></TD></TR>
<TR align=left>
<TD><A class=mainlevel
href="http://valentinox.altervista.org/chat.html">
<font color="#000000">Chat</font></A></TD></TR>
<TR align=left>
<TD><A class=mainlevel
href="http://valentinox.altervista.org/guest.html">
<font color="#000000">Libro delle visite</font></A></TD></TR>
<TR align=left>
<TD><a class="mainlevel" href="mailto:rettili.tk@libero.it">
<font color="#000000">Contattami</font></a></TD></TR>
<TR align=left>
<TD><A class=mainlevel
href="http://www.sulcesso.tk">
<font color="#000000">Comicità</font></A></TD></TR>
<TR align=left>
<TD><A class=mainlevel
href="http://www.newsletter.it/categorie/sub_lista.asp?idlista=8891">
<font color="#000000">Newsletter</font></A></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
<TABLE class=moduletable cellSpacing=0 cellPadding=0>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=0 cellPadding=0 width="100%" align=center border=0>
<TBODY>
<TR>
</TD></TR>
<TR>
<TD><font size="1">  </font><font style="font-size: 8pt">VISITE</font></TD></TR>
<TR>
<TD>
<p style="text-align: center"><script type="text/javascript" src="http://www.altervista.org/js_tags/contatore.js"></script></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
<TABLE class=moduletable cellSpacing=0 cellPadding=0>
<TBODY>
<TR>
<TH vAlign=top>SEGNALATO SU</TH></TR>
<TR>
<TD>
<p style="text-align: center">
<a target="_blank" href="http://uracile.altervista.org/firmellagroup.php"><img src="http://uracile.altervista.org/banner/firmella.gif" alt="Alza il tuo page rank con il Frimella group!" border="0" width="88" height="31" /></a></TD></TR></TBODY></TABLE>
<TABLE class=moduletable cellSpacing=0 cellPadding=0>
<TBODY>
<TR>
<TH vAlign=top>NEWS</TH></TR>
<TR>
<TD>
<FORM action=https://www.paypal.com/cgi-bin/webscr method=post
target=_blank>
<INPUT
type=hidden name=amount> <INPUT type=hidden value=0 name=no_note> <INPUT type=hidden value=0
name=tax> <INPUT
type=hidden value=EUR name=currency_code> <INPUT type=hidden name=item_number> <INPUT type=hidden
name=item_name> <INPUT type=hidden
value=enrico@deeptel.com name=business> <INPUT type=hidden value=_xclick name=cmd>
<TABLE width="100%">
<TBODY>
<TR>
<TD><A class=mainlevel
href="http://valentinox.altervista.org/trad.html">
<font color="#000000">Traduci sito</font></A></TD></TR>
<TR>
<TD><A class=mainlevel
href="http://www.valentinox.altervista.org/qualish.html">
<font color="#000000">File/programmi sharing</font></A></TD></TR>
<TR>
<TD><A class=mainlevel
href="http://www.valentinox.altervista.org/metatags.html">
<font color="#000000">Meta tags</font></A></TD></TR>
<TR>
<TD><A class=mainlevel
href="http://www.valentinox.altervista.org/pagerank.html">
<font color="#000000">Pagerank</font></A></TD></TR>
<TR>
<TD><A class=mainlevel
href="http://www.valentinox.altervista.org/smsgratis.html">
<font color="#000000">Sms gratis</font></A></TD></TR>
<TR>
<TD><A class=mainlevel
href="http://www.valentinox.altervista.org/smsgratis.html">
<font color="#000000">Registrazione motori</font></A></TD></TR></TBODY></TABLE></FORM></TD></TR></TBODY></TABLE>
<TABLE class=moduletable cellSpacing=0 cellPadding=0>
<TBODY>
<TR>
<TH vAlign=top>partners</TH></TR>
<TR>
<TD style="text-align: center"><strong><a href="http://www.rettili.tk">
<font color="#0000FF">www.rettili.tk</font></a></strong></TD></TR>
<TR>
<TD style="text-align: center"><strong><a href="http://www.sulcesso.tk">
<font color="#0000FF">www.sulcesso.tk</font></a></strong></TD></TR>
<TR>
<TD style="text-align: center"><strong>
<a href="http://www.marcello.marangi.too.it"><font color="#0000FF">
www.marcello.it</font></a></strong></TD></TR>

<TR>
<TD style="text-align: center"><strong>
<a href="http://valentinox.mywap.o2.co.uk"><font color="#0000FF">
wap.valentinox.it</font></a></strong></TD></TR>
<TR>
<TD>
<p style="text-align: center"><strong><a href="multichat.mcommunity.biz">
<font color="#0000FF">wap.multichat.it</font></a></strong></TD></TR>
<TR>
<TD>
 </TD></TR>
<TR>
<TD>
<img border="0" src="http://www.valentinox.altervista.org/a2.gif" align="right" width="143" height="217"></TD></TR></TBODY></TABLE></DIV></DIV>
<DIV id=content_area>
<DIV id=content>
<DIV id=banner_area>
<DIV id=banner>
<IMG title=advertisement height=9 alt="advertisement.png, 0 kB"
src="Home - www_symbianteam_it_file/advertisement.png" width=468 border=0><BR> <script language="javascript" type="text/javascript">
document.write('<s'+'cript language="javascript" src="http://ad.altervista.org/alternet.ad?c=19&f=1&'+new Date().getTime()+'"><\/s'+'cript>');
</script>
</DIV></DIV>
<DIV id=sandbox_area_1>
<DIV class=sandbox_area>
<DIV id=user1_4>
<DIV class=user1_outline>
<TABLE class=moduletable cellSpacing=0 cellPadding=0>
<TBODY>
<TR>
<TH vAlign=top>Benvenuti nel mio sito web!</TH></TR>
<TR>
<TD>
<ul>
<li>
<font face="Arial" style="font-size: 9pt"><b>Ciao a tutti! Mi chiamo Valentino
Marangi, ho 14 anni, e sono molto appassionato di computer,
internet, e informatica in genere.<br>Dopo aver creato numerosi
siti web e qualcuno anche wap, ho deciso di creare questo sito
in cui metterò quello che di più gratis e interessante troverò
in rete!<br>Vi invito a partecipare alle discussioni del mio </b></font>
<font face="Arial" color="#000000"> <b>
<a href="http://www.forumfree.net/?c=38800">
<font style="font-size: 9pt" color="#333333">forum</font></a></b></font><font face="Arial" style="font-size: 9pt; font-weight: 700">, e ad iscrivervi alla mia </font>
<font color="#000000">
<b>
<a href="http://www.newsletter.it/categorie/sub_lista.asp?idlista=8891">
<font style="font-size: 9pt" face="Arial" color="#333333">newsletter</font></a></b></font><font face="Arial" style="font-size: 9pt; font-weight: 700">!<br>Buona permanenza in questo sito!</font></li>
</ul>
</TD></TR></TBODY></TABLE></DIV></DIV>
<DIV id=user2_4>
<DIV class=user2_outline>
<TABLE class=moduletable cellSpacing=0 cellPadding=0>
<TBODY>
<TR>
<TH vAlign=top><a href="http://valentinox.altervista.org/smsgratis.html">
<font color="#000000">sms gratis</font></a></TH></TR>
<TR>
<TD>
<ul>
<li>
<font face="Arial" color="#110270" style="font-size: 9pt; font-weight:700">
<a href="http://valentinox.altervista.org/smsgratis.html">
<font color="#333333">Sai che dal tuo computer puoi inviare sms gratuiti
verso i gsm di tutto il mondo? <br>Come? Il nostro sito ti
mostra i modi migliori per farlo!</font></a></font></li>
</ul>
</TD></TR></TBODY></TABLE></DIV></DIV>
<DIV class=clr></DIV>
<DIV class=content_outline>
<TABLE class="" cellSpacing=0 cellPadding=0>
<TBODY>
<TR>
<TD vAlign=top>
<DIV>
<TABLE class=contentpaneopen>
<TBODY>
<TR>
<TD class=contentheading width="100%">Presto on-line il sito web
"Amici dei rettili"  </TD></TR></TBODY></TABLE>
<TABLE class=contentpaneopen>
<TBODY>
<TR>
<TD vAlign=top>
<P>Circa due anni fa creai un sito web ad Angelo Tursi, un grande
amante ed esperto di rettili e serpenti in genere.<br>Grazie a
questo sito, <a href="http://www.rettili.tk">www.rettili.tk</a> ,
Angelo è stato contattato prima dalla famosa emittente televisiva "
La7 ", sulla quale è andato in onda con tutti i suoi rettili, e
successivamente dalla redazione de "La vita in diretta" 2 volte.<br>
Ora Angelo ha fondato un associazione erpetologica "Amici dei
rettili" di cui lui ne è il presidente.<br>Questa associazione
ha un rettilario a Oria (BR), e organizza molte mostre in tutta
Italia, e anche fuori, dove mostra alla gente il fascino di questi
bellissimi animali.<br>Tra breve sarà on-line il sito internet dell'associzione,
a cui sto presonalmente lavorando.</P></TD></TR>
<TR>
<TD class=modifydate align=left> </TD></TR></TBODY></TABLE></DIV></TD></TR>
<TR>
<TD vAlign=top>
<TABLE cellSpacing=0 cellPadding=0 width="100%">
<TBODY>
<TR>
<TD vAlign=top width="50%">
<TABLE class=contentpaneopen>
<TBODY>
<TR>
<TD class=contentheading width="100%">Traduci un intero sito web
in italiano</TD></TR></TBODY></TABLE>
<TABLE class=contentpaneopen>
<TBODY>
<TR>
<TD vAlign=top>
<P>
<font color="#000000" style="font-size: 9pt" face="Arial">Ti è mai capitato di andare su un sito, dove devi
scaricare qualcosa di molto importante o urgente, o su un sito dove
devi prendere delle documentazioni e questo è in inglese o comunque
non in italiano?<br>Niente paura a tutto c'è un rimedio, <u><b>
<a href="http://valentinox.altervista.org/trad.html">
<font color="#000000"><u>clicca qui</u></font></a></b></u>, e scopri come
tradurre in italiano un intero sito!</font></P>
</TD></TR>
<TR>
<TD vAlign=top>
 </TD></TR>
<TR>
<TD vAlign=top>
 </TD></TR>
<TR>
<TD vAlign=top>
<b>
<font color="#0099CC" face="Arial">
<a href="http://www.newsletter.it/categorie/sub_lista.asp?idlista=8891">
<font color="#666666">Newsletter VMH - Valentino Marangi
Homepage</font></a></font></b></TD></TR>
<TR>
<TD vAlign=top>
<font face="Arial">
<font color="#000000" style="font-size: 9pt">Vuoi ricevere ogni settimana nella tua e-mail news
del sito, barzellette, news di risorse gratuite e
tanto altro???
<br>Allora </font>
<a href="http://www.newsletter.it/categorie/sub_lista.asp?idlista=8891">
<font color="#000000" style="font-size: 9pt; font-weight:700">iscriviti</font></a><font color="#000000" style="font-size: 9pt"> alla VMH newsletter!</font></font></TD></TR>
<TR>
<TD vAlign=top>
 </TD></TR>
<TR>
<TD vAlign=top>
 <ul>
<li>
<p style="text-align: center">
<img border="0" src="http://www.valentinox.altervista.org/candle4.gif" width="70" height="80"></li>
</ul>
<p> </TD></TR>
</TBODY></TABLE></TD>
<TD vAlign=top width="50%">
<TABLE class=contentpaneopen>
<TBODY>

<TR>
<TD class=contentheading width="100%">Firmella group </TD></TR></TBODY></TABLE>
<TABLE class=contentpaneopen>
<TBODY>
<TR>
<TD vAlign=top>
<P>
<img border="0" src="http://valentinox.altervista.org/allweb_nutella.jpg" width="201" height="81"></P>
<P><font face="Arial" style="font-size: 9pt">Navigando nel web, casualmente sono finito nel sito del
Firmella group, i quali ti creano un immagine come quella di
sopra, la inseriscono nel loro sito con un collegamento verso
il vostro, in cambio che voi mettiate
<a target="_blank" href="http://uracile.altervista.org/firmellagroup.php"><img src="http://uracile.altervista.org/banner/firmella.gif" alt="Alza il tuo page rank con il Frimella group!" border="0" width="88" height="31" /></a>
nel vostro sito web.<br>Ecco come gli autori presentano la
loro iniziativa "l <span class="evidenziato2">Firmella group</span>
è un'iniziativa che nessuno capirà mai come sia nata... il fatto è
che c'è, e uno prima o poi se ne fa una ragione!!! Il gruppo di
disgraziati che ha costruito firmella probabilmente alla fine c'ha
visto giusto!<br>
Innanzitutto, per poter aderire all'iniziativa devi essere un
<span class="evidenziato">utente Altervista</span>!<br>
Firmella è un servizio per aumentare il pagerank di un sito".</font></P></TD></TR>
</TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR>
</TBODY></TABLE>
</DIV>
<DIV class=clr>
<p></DIV></DIV></DIV></DIV></DIV>
<DIV class=clr></DIV></DIV></DIV>
<h5 align="center"><font color="#0099CC">
<a href="mailto:rettili.tk@libero.it?subject=www.sulc esso.tk" style="text-decoration: none; font-weight:400">
<font color="#666666" face="Arial" style="font-size: 9pt">
<a style="text-decoration: none; font-weight: 400" href="mailto:rettili.tk@libero.it?subject=VMH-mail">
<font color="#666666">Webmaster Valentino Marangi.<br>
Copyright © 2004 VMH - Valentino Marangi Homepage. Tutti i diritti
riservati.<br>Sito nato Venerdì 17 Dicembre 2004<br>Ultimo aggiornamento:
Lunedì 20 Dicembre 2004.</font></a></font></a></font></h5>

</BODY></HTML>

dovete aiutarmi, è urgentissimo!!!!!!!!!!!!!!!! :crycry: :???: :crycry:

Scusa ma la pagina, come dovrebbe essere visualizzata?

4 link ke cambiano colore sopra
banner - notizia1
menù a sinistra e con articoli nel resto della pagina

Prima di tutto non fare mai più tanti post consecutivi come questi!! qui li riteniamo spam! :evil:

Inoltre è inutile postare tutto quel codice, facevi prima a mettere le pagine online e poi linkare qui in modo da poterle vedere!

Se le vedi deformate è sicuramente un errore nella programmazione! potresti tanto per iniziare cominciare a mettere i contenuti nelle tabelle! e li sei certo che la visualizzazione non sarà sballata.

scusa....cmq i contenuti sono nelle tabelle, il sito è fatto principalmente in tabelle!!!!!!!

Hai combinato un casino in questo tread!! se la pagina è html semplice,lo si può leggere benissimo dal sito!
Prima di postare la pagina intera che è un bordello, di qual'è il problema forse è meglio che posti uno screen shot di come dovrebbe essere il risultato perchè io la pagina la vedo, è un pò disordinata ma la vedo!
La prossima volta non postare il codice della pagina!

Comunque l' errore è nelle tabelle

già, ma il fatto è ke avevo fatto un homepage x me bellissima, ke non avevo mai fatto prima così.
forse ho trovato la soluzione, devo utilizzare dei frame, ma la grafica sarà molto + loffia :cry:

non centrano i frame, dovresti fare una tabella in 2 colonne e 2 righe nel quale ci metti le 3 parti del sito

HO GIà PROVATO MA AUTOMATICAMENTE SUCCEDE UN BORDEELO, ORA STO PROVANDO A risistemare le tab ricreando di nuovo la pagina

il risultato è comunque intuibile ed è un bel lavoro.
Prova coi css!