Il template non passa il validator

**laugher** · 03-04-2012, 11:54

Ho provato a farmi un sito a partire dai template di *****.
La prima cosa che si nota è che non si vede il codice del sito dal browser. Per modificarlo bisogna quindi andare sul server di *****, aprirlo e modificare il sito da lì.

Ho passato il sito così com'era al validator, e NON LO HA PASSATO. Il sito gira ma presenta ben 63 errori.
Volendo io usare quel template adesso li devo correggere; volendo anche capire perchè ad una certa azione corrisponde un certo effetto, per poter poi modificare la situazione a mio uso e consumo, ho pensato di analizzare gli errori che non capisco passo-passo.
Con riferimento alla riga:

<BODY bgcolor=#FFFFFF text="#FFFFFF" link="#FFFFFF" vlink="#FFFFFF" alink="#FFFFFF" leftmargin=0 topmargin=0 marginwidth=0 marginheight=0 background="img/base/bg_body.gif">

mi dice

con riferimento a bgcolor:
------------------------------------------------------------------------------
an attribute value must be a literal unless it contains only name characters
------------------------------------------------------------------------------
e poi:

there is no attribute

con riferimento a:
leftmargin=0
topmargin=0
marginwidth=0
marginheight=0
background

come devo modificare questi valori perchè mi siano accettati dal validator senza modificare l'effetto che gli stessi hanno sul sito ?
Per la verità ci ho provato...per esempio a mettere style="..." ma ho fatto un casino, nel senso che il sito risultava modificato (nello sfondo, ed a volte anche nella struttura)

Grazie in anticipo a quanti avranno la pazienza di rispondermi.

**Prill** · 03-04-2012, 15:49

Alcuni di quegli attributi non esistono in html (leftmargin &co sono codice proprietario inventato da alcune case di browser prima dell'avvento dei css), altri sono da evitare. Tutto va passato nel foglio di stile che dovrai associare al file (che sia esterno o incorporato nella pagina).
Queste le regole che ti interessano e da inserire nel css)

codice:

body {
  margin:0;
  color: #fff; /* questo è il colore del testo, sicuro che debba essere dello stesso colore di sfondo? */
  background-color: #fff;
  background-image: url(img/base/bg_body.gif);
}
a {
  color:#fff;
}

nel tuo codice html avrai poi semplicemente <body> e al suo interno i vari contenuti

**graffithouse** · 03-04-2012, 15:50

usare i css esterni? e scrivere con le minuscole?

**laugher** · 04-04-2012, 11:09

Dopo una fatica enorme ed averci lavorato fino alle 3 stamattina (abbiate pazienza ma ho iniziato da poco) alla fine sono riuscito ad ottenere la validazione

Con questo file:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
<META content="text/html; charset=ISO-8859-1" http-equiv=Content-Type>
<script src="mouseover.js" type="text/javascript">
</script>
<script src="subnavig.js" type="text/javascript">
</script>
<script src="gen_subnavig.js" type="text/javascript">
</script>

<style type="text/css"></style>

<title>paginadiprova1</title>

<meta name="description" content="paginadiprova1">

<meta name="keywords" content="paginadiprova1">

</head>

<BODY bgcolor="#FFFFFF" text="#FFFFFF" link="#FFFFFF" vlink="#FFFFFF" alink="#FFFFFF" background="img/base/bg_body.gif">

<script type="text/javascript">
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>

<TABLE id="Table_01" cellpadding=0 cellspacing=0 align="center" style="border:0px; width:781px; height:631px border-right:1px solid #000000; border-left:1px solid #000000; background-image:img/base/bg_table.gif"><TR>

<TD colspan=2 rowspan=4 valign=top>
[img]img/base/ba6.gif[/img]</TD>
<TD colspan=2 valign=top>
[img]img/base/ba51.gif[/img]</TD>

<TD colspan=2 rowspan=7 valign=top>
[img]img/main/mi1_842.jpg[/img]</TD>
<TD>
[img]img/base/ba200.gif[/img]</TD>

</TR>
<TR>
<TD colspan=2 valign=top>
[img]img/titles/mt.jpg[/img]</TD>
<TD>
[img]img/base/ba200.gif[/img]</TD>

</TR>
<TR>
<TD colspan=2 valign=top>
[img]img/titles/st.jpg[/img]</TD>
<TD>
[img]img/base/ba200.gif[/img]</TD>
</TR>
<TR>
<TD colspan=2 rowspan=2 valign=top>
[img]img/base/ba52.gif[/img]</TD>
<TD>
[img]img/base/ba200.gif[/img]</TD>
</TR>
<TR>
<TD colspan=2 rowspan=3 valign=top>
[img]img/base/ba53.gif[/img]</TD>
<TD>
[img]img/base/ba200.gif[/img]</TD>
</TR>
<TR>
<TD valign=top>
[img]img/base/ba54.gif[/img]</TD>

<TD align="left" valign="middle" style="background-image: url(img/base/ba102.gif);" width=377 height=42>

<script src="ml.js" type="text/javascript"></script><font face="Arial" size="2" ><a href="#" style="color:FFFFFF" onclick="em_click() "><script type="text/javascript">ml_write();</script>
</a></font>

</TD>
<TD>
[img]img/base/ba206.gif[/img]</TD>
</TR>
<TR>
<TD colspan=2 valign=top>
[img]img/base/ba55.gif[/img]</TD>
<TD>
[img]img/base/ba207.gif[/img]</TD>
</TR>
<TR>
<TD colspan=2 valign=top style="background-image: url(img/base/ba301.gif);" >
<TABLE id="Table_03" width=180 border=0 cellpadding=0 cellspacing=0 style="background-image:img/base/ba200.gif" >
<TR>
<TD valign=top>
[img]img/base/ba56.gif[/img]</TD>
</TR>
<TR>
<TD valign=top style="background-image: url(img/base/ba106.gif);" width=180 height=327 ><TABLE border=0 cellpadding=0 cellspacing=0>

<TR><TD align="center" valign="top">[img]img/base/ba4.gif[/img]</TD></TR>

<TR><TD align="center" valign="top">[img]img/navig/ng1.gif[/img]</TD></TR>
<TR><TD align="center" valign="top">[img]img/navig/ng2.gif[/img]</TD></TR>
<TR><TD align="center" valign="top">[img]img/navig/ng3.gif[/img]</TD></TR>
<TR><TD align="center" valign="top">[img]img/navig/ng4.gif[/img]</TD></TR>
<TR><TD align="center" valign="top">[img]img/navig/ng5.gif[/img]</TD></TR>

<TR><TD align="center" valign="top"><A>[img]img/base/ba5.gif[/img]</A></TD></TR>
</TABLE></TD>
</TR>
<TR>
<TD valign=top>
[img]img/base/ba301.gif[/img]</TD>
</TR>
</TABLE></TD>
<TD colspan=4 valign=top style="background-image: url(img/base/ba302.gif);" >
<TABLE id="Table_02" width=600 border=0 cellpadding=0 cellspacing=0 style="background-image: url(img/base/ba200.gif);">
<TR>
<TD rowspan=3 valign=top>
[img]img/base/ba57.gif[/img]</TD>
<TD valign=top>
[img]img/base/ba58.gif[/img]</TD>
<TD rowspan=3 valign=top>
[img]img/base/ba59.gif[/img]</TD>
</TR>
<TR>
<TD valign=top style="background-image: url(img/base/ba105.gif);" width=556 height=303>

<center><font face=verdana size=2>In costruzione</font></center>

</TD>
</TR>
<TR>
<TD align=center valign=middle style="background-image: url(img/base/ba103.gif);" ></TD>
</TR>
<TR>
<TD colspan=3 valign=top>
[img]img/base/ba302.gif[/img]</TD>
</TR>
</TABLE></TD>
<TD>
[img]img/base/ba200.gif[/img]</TD>
</TR>
<TR>
<TD colspan=6 valign=top>
[img]img/base/ba60.gif[/img]</TD>
<TD>
[img]img/base/ba200.gif[/img]</TD>
</TR>
<TR>
<TD valign=top>
[img]img/base/ba61.gif[/img]</TD>

<TD colspan=4 valign=top style="background-image: url(img/base/ba104.gif);" width=736 height=22></TD>
<TD valign=top>
[img]img/base/ba62.gif[/img]</TD>
<TD>
[img]img/base/ba200.gif[/img]</TD>
</TR>
<TR>
<TD>
[img]img/base/ba200.gif[/img]</TD>
<TD>
[img]img/base/ba200.gif[/img]</TD>
<TD>
[img]img/base/ba200.gif[/img]</TD>
<TD>
[img]img/base/ba200.gif[/img]</TD>
<TD>
[img]img/base/ba200.gif[/img]</TD>
<TD>
[img]img/base/ba200.gif[/img]</TD>

</table>

<TABLE width="782" border="0" cellspacing="0" cellpadding="2" align="center" style="border-right:1px solid #000000; border-left:1px solid #000000; background-image: url(img/base/bg_table.gif);"> <TR>

<TD align="right"><FONT face="Verdana, Arial, Helvetica, sans-serif" size="2" color="#FFFFFF">Site Map</FONT></TD>

</TR>
</TABLE>
</BODY>
</HTML>

**laugher** · 04-04-2012, 11:11

La prima cosa da rilevare è che ho dovuto togliere alcune cose. In particolare:

a) l'attributo spacer: non sono riuscito a farglielo digerire in nessun modo al validatore; alla fine l'ho tolto e non mi pare la sua rimozione abbia avuto effetto; quindi resterà fuori fino a quando non ne capirò l'utilità e sopratutto come inserirlo;

b) una funzione: nel mezzo del programma c'era lo script navig.js e mi diceva che non ci poteva essere uno script in quel posto; in particolare era questo:

<script>
</script>

<script>
function ngblog(){
}
</script>

non essendo richiamata da nessuna parte, l'ho tolta senza avere problemi, ma non contiene istruzioni, non mi pare serva a nulla.

Poi c'è un problema.
Volevo aggiungere il banner adsense. Però l'ho potuto mettere solo fuori dal corpo del sito.
Se lo metto nel template mi sballa tutta la figura. Non so come inserire le istruzioni all'interno senza far sballare tutto. Le istruzioni sono queste:

<script type="text/javascript">
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>

Infine volevo sapere cosa modifichereste del programma di cui sopra, organizzato da un niubbo come me che ha iniziato da un mese e che non ha molta idea delle funzioni di ogni cosa. Della serie, è validato, funziona... e per ora va bene così. Ma qualcosa che non va, anche solo da un punto di vista stilistico e di cose inutili c'è di sicuro.

P.s.: per concludere una montagna di parolacce per Aruba. Proporre siti che non passano il validator mi pare una cosa inguardabile.

Un grazie speciale a quelli che commenteranno 'sto post infinitamente lungo.

**Vincent.Zeno** · 04-04-2012, 11:17

laugher,

ricorda che per postare codice sei tenuto, come tutti, ad utilizzare il tag [CODE] [/CODE]

Discussione: Il template non passa il validator

Strumenti discussione

Ricerca discussione

Visualizza

Il template non passa il validator

Permessi di invio