Codice HTML... corretto?

[orenoren]

Ho postato la home page di un sito che sto realizzando - alla buona - su questo indirizzo http://provaperilsito.altervista.org/ : c'è qualche animo gentile che mi da una controllata ai codici e mi dice se ho fatto cavolate?

La home funzione su un po' di browser... però per sicurezza vorrei correggere e ripulire le cose sbagliate o inutili...

Aspetto notizie... Grazie 1000!

[luca777]

1. il tag < table non possiede l'attributo height
puoi giocarci con il foglio di stile, ma non piazzare l'attributo

2. hai definito 2 volte uno stesso id="logo"
gli id devono sempre essere univoci all'interno di una pagina


cmq ... banalmente, validator.w3.org aiuta a trovare 'ste cose

[codencode]

Riguardo all'HTML ti consiglierei di fare un uso più semantico del codice di marcatura. Uno spunto qui: http://codenblog.blogspot.com/2010/0...emantico.html.

[orenoren]

Dunque... ho usato il validatore per trovare gli errori della home pubblicata al solito indirizzo http://provaperilsito.altervista.org/...

Un po' ne ho corretti... quello che proprio non capisco è questo: se notate il menù è composto da una tabella larga 900px e divisa in "pezzi" uguali. Il validatore mi fa togliere, nel codice, la laghezza dei singoli pezzi: l'errore scompare ma gli spazi vengono tutti diversi fra loro!!!

Come posso risolvere, impostando le larghezze in modo fisso, ma che non vengano considerate errore nel codice?

Grazie!

[codencode]

Devi impostare le larghezze tramite css, con la proprietà width.

[orenoren]

Ma la proprietà width deve essere attribuita all'ID giusto? Perchè se la attribuisco alla classe me la segna nel codice

[Myaku]

Originariamente inviato da orenoren
però per sicurezza vorrei correggere e ripulire le cose sbagliate o inutili...

come ti ha fatto giustamente notare codencode, anche se riesci a far passare la validazione, quel codice non sarebbe comunque ben formato.
Hai usato un layout a tabelle e di nuovo tabelle per contenuti che richiederebbero altri tag, non ci sono tag heading ... non hai quindi prestato attenzione alla semantica (né all'ottimizzazione seo), e questo rende la validazione ininfluente sulla qualità del codice

[orenoren]

Ma io infatti vi ringrazio di avermelo fatto notare... e visto che sn errori stupidi - almeno credo - volevo una mano per correggerli o per riscrivere i codici, tutto qui...

Fatto questo sito io sn a posto, per cui nn mi interessa e nn ho oggettivamente tempo di mettermi lì a studiare le tecniche "giuste"...

Credevo che nn fosse così difficile riscriverlo, tutto qui.

Grazie

[orenoren]

Cambia qualcosa se dall'indirizzo metto il file del mio lavoro?

[orenoren]

Dunque, ho provato a riorganizzare i contenuti con i div - almeno così si dovrebbero chiamare: il sito è formato da una colonna unica centrale divisa in sette "righe"...
Potete dare uno sguardo se fin qui va bene?

Posto il codice css, quello html è nella solita pagina http://provaperilsito.altervista.org/

Ancora grazie

Codice CSS:

/* /* ID Styles */

#container {
	width: 900px;
	margin: 0 auto;
}

#spazio_1 {
}
#menù {
}
#logo {
}
#intermezzo_1 {
	height: 183px;
}
#corpo_pagina {
}
#intermezzo_2 {
	height: 183px;
}
#footer {
}

/* Class Styles */
	
.bodyText {
	font:12px Arial, Helvetica, sans-serif;
	color:#000000;
	line-height:20px;
	letter-spacing:1px;
	text-align: justify;
	vertical-align: top;
	}
	
.bodyTextDx {
	font:12px Arial, Helvetica, sans-serif;
	color:#000000;
	line-height:20px;
	letter-spacing:1px;
	text-align: justify;
	vertical-align: top;
	}
	
.pageName{
	font:22px Arial, Helvetica, sans-serif;
	color: #D90000;
	line-height:20px;
	letter-spacing:1px;
	border-bottom: 1px solid #D90000;
	padding: 3px 0px 2px 0px;
	}
	
.pageNameDx{
	font:22px Arial, Helvetica, sans-serif;
	color: #D90000;
	line-height:20px;
	letter-spacing:1px;
	border-bottom: 1px solid #D90000;
	padding: 3px 0px 2px 0px;
	}
	
.columnHeader {
	font: 11px Arial, Helvetica, sans-serif;
	color: #FF080E;
	line-height:18px;
	letter-spacing:.05em;
	}
	
.subHeader {
	font:bold 11px Arial, Helvetica, sans-serif;
	color: #FF080E;
	line-height:18px;
	letter-spacing:.1em;
	}

.smallText {
	font:11px Arial, Helvetica, sans-serif;
	color:#000000;
	text-align: center;
	}
	
.navText {
	font:11px Georgia, Times New Roman, Times, serif;
	color: #1F2669;
	line-height:16px;
	text-decoration: none;
	}

.headerSx {
	font:11px Arial, Helvetica, sans-serif;
	color:#000000;
	vertical-align: top;
	padding-top: 30px;
	padding-left: 40px;
	height: 240px;
	}

.headerDx {
    font:11px Arial, Helvetica, sans-serif;
	color:#000000;
	line-height:22px;
	margin-top:0px;
	letter-spacing:0.1em;
	}
 */