Printable View
salve a tutti non so se è la sezione giusta...volevo solamente chiedere quanto fosse importante ke un sito superi il test di css e html validator di w3c...l'ho fatto fare al mio sito ed è inutile dire la miriade di errori ke c'erano quindi volevo sapere se fosse il casi di cercare di risolvere ogni errore oppure si può anke lasciar stare...grazie
se il tuo sito è visibile correttamente con tutti i browser, allora puoi anche lasciare stare :wink:
Ciao!
Ma che consiglio è?Citazione:
Originalmente inviato da alemoppo
Non è la cosa più importante in assoluto, ma è sempre meglio avere un codice più corretto possibile.Citazione:
salve a tutti non so se è la sezione giusta...volevo solamente chiedere quanto fosse importante ke un sito superi il test di css e html validator di w3c...l'ho fatto fare al mio sito ed è inutile dire la miriade di errori ke c'erano quindi volevo sapere se fosse il casi di cercare di risolvere ogni errore oppure si può anke lasciar stare...grazie
Se posti qui il link di validazione ed il link del tuo sito che vuoi validare, qualcuno ti aiuta a capire gli errori ed a sistemare.
come faccio a postare il risultato??posto direttamente il link dei risultati? ci provo:
http://validator.w3.org/check?uri=ht...Inline&group=0
sarebbe la validazione della index del mio sito trbbl.altervista.org
cmq riguardo la compatibilità con i browser devo dire ke il mio sito è fatto con un css3 con il -webkit di apple ke è supportato pienamente da safari e chrome ma ke sto cercando di renderlo compatibile anke con gli altri...questo per dire ke alla fine dovrebbe trattarsi di una cattiva validazione del css e non dell'html...ad ogni modo quello ke ho postato sono gli errori del html validator...sono tanti ed alcuni anke banali penso ma magari cìè un modo semplice per rislverli...grazie!
Inizia con mettere:
al posto diCodice HTML:<br/>
Nel codice di histats, devi chiudere l'immagine in questo modo:Codice HTML:<br>
E da 75 passi a 71 errori.Codice HTML:<img src="immagine.gif" />
Poi ci sono alcuni errori sparsi per tutta la pagina.
ad esempio:
non scrivere height=100% ma height="100%" in questo modo:Codice HTML:<MARQUEE HEIGHT=100% scrollamount=5 behavior="scroll" direction="down">
Questo vale anche scrollamount e tutto il resto.Codice HTML:<MARQUEE HEIGHT="100%" scrollamount="5" behavior="scroll" direction="down">
I tag div come questo:
devi mettere un punto e virgola alla fine di ogni pezzetto, quindi anche dopo width => width:35%; come nel seguente modo:Codice HTML:<div style="float:left;width:35%">
Ci sono molti di questi errori ripetuti nella pagina, comincia ad eliminare questi e dovresti arrivare a 61 errori...successivamente vediamo gli altri...Codice HTML:<div style="float:left;width:35%;">
Edit.
In alcune <img> ti sei dimenticato di includere l'elemento alt=""
sei sempre un grande musicanapoli!!correggerò appena riesco a riacquistare un po di vista! :P cmq per quel ke riguarda alt in <img pensavo si sostituisse con title...a questo punto mi chiedo a cosa serva alt...grazie mille!domani appena posso correggo tutto quel ke mi hai detto, rifaccio il test e riposto gli eventuali errori!grazie ancora!
EDIT:
non ho resistito ed ho corretto ora quel ke mi hai detto....ora ce ne sono di meno e sicuramente piu facili da individuare per te....
http://validator.w3.org/check?uri=ht...Inline&group=0
quel warning a cosa si riferisce?? o.O
Lui ha chiesto se si potevano lasciare stare.... cioè non ha chiesto se li correggevamo :???:Citazione:
Originalmente inviato da musicanapoli
Visto che vuoi che te li correggiamo, eccone alcuni:
credo che qui:
manchi il ;Codice HTML:window.parent.location="http://trbbl.altervista.org/mobile"
Riga 38:
sostituisci
conCodice HTML:for(i=0;i<lenght(browser_list);i++){
...il tag FONT in XHTML non esiste! (più precisamente, è disapprovato)Codice HTML:for(i=0;i<browser_list.length;i++){
..poi moltissimi errori javascript sono dati dal fatto che tu fai:
invece di:Codice HTML:<xxx onclick=funzione() onmousedown=funzione2() ...>
oppure:Codice HTML:<xxx onClick='funzione()' onMouseDown='funzione2()' ...>
Ciao!Codice HTML:<xxx onClick="funzione()" onMouseDown="funzione2()" ...>
prova cosí:
http://seingh2.altervista.org/codice.html
cosi dovrebbe "scalare" alcuni errori
siete grandi ragazzi!correggerò ed editerò ancora il risultato del validator se vorrete aiutarmi...
@seingh
la tu soluzioni mi piace assai!(anke se quando provo a caonvalidarla mi dice: "sorry, this document cant be validated" :P cmq di sicuro me la salvo e me la studio successivamente....ma ora voglio correggere i miei errori visto ke è il mio primo sito (premettendo ke prima di questo nn avevo fatto niente di html) cosi da non commetterli ancora....
correggo gli errori descritti da alemoppo e poi edito con il relativo risultato!
Poi queste parti del tag <font>:
scrivili in minuscolo:Codice HTML:<FONT COLOR="#faf50b">B</FONT>
Così dovresti arrivare a 51 errori...Codice HTML:<font color="#faf50b">B</font>
Certo che se utilizzi un foglio di stile, non capisco perchè utilizzi il tag font od altri tag...
Edit.
Nella riga 339 trovi questo:
Devi togliere la parte della lista <ul align="center"></ul> e arrivi a 49 errori.Codice HTML:<ul align="center"><center>
<!-- Histats.com START (standard)-->
<script type="text/javascript">document.write(unescape("%3Cscript src=%27http://s10.histats.com/js15.js%27 type=%27text/javascript%27%3E%3C/script%3E"));</script>
<a href="http://www.histats.com" target="_blank" title="contatori" ><script type="text/javascript" >
try {Histats.start(1,1068582,4,22,130,30,"00011011");
Histats.track_hits();} catch(err){};
</script></a>
<noscript><a href="http://www.histats.com" target="_blank"><img src="http://sstatic1.histats.com/0.gif?1068582&101" alt="contatori" border="0"/></a></noscript>
<!-- Histats.com END -->
</center></ul>
ok!dopo le correzioni di alemoppo e musicanapoli arrivo a 33errori e 1 warning!
@musicanapoli: quei tag font li ho usati per creare il titolo "multicolore" visto ke nn ho la minima idea di come fare con css :P
ecco qui:
http://validator.w3.org/check?uri=ht...Inline&group=0
adesso sono tutti errori di "punteggiatura" ke nn capisco perke... :(
lenght non è length :wink:
hahahahaha....ke *** hai ragione!
cmq continua a dara 33 errori ed un warning!
http://validator.w3.org/check?uri=ht...Inline&group=0
e continua a darmi errori in quella stessa riga segnalando l'h di length!
EDIT:
sono riuscito ad abbasarlo a 29!
http://validator.w3.org/check?uri=ht...Inline&group=0
siamo a buon punto ragazzi! :P
Comunque corregge il contenuto del tag script non tocca al W3C validator...
Dovresti sostituire tutti i tag SCRIPT come sopra.Codice HTML:<script type="text/javascript">
//<![CDATA[
// il codice JS
//]]>
</script>
cioè devo inserire //<![CDATA[ e //]]> di modo ke il validator nn lo legga??
EDIT:
ok ora grazie all'intervento di javascripter gli errori sono 28
http://validator.w3.org/check?uri=ht...Inline&group=0
è possibile ke deva cambiare la dichiarazione del dtd??visto ke a inizio test di: Errors found while checking this document as XHTML 1.0 Transitional!
Credo che un'errori sia dovuto anche al fatto che hai due attributi id con valori content
Credo anche che il tag <center> non viene utilizzato per il tipo di documento che usi
iinfatti togliendo il secondo id="content" un errore va via...
il fatto è ke al posto di <center> usavo <ul align="center"> o <div align="center"> ma con firefox o explorer non venivano interpretati quindi ci ho messo <center>....cosa mi consgigli di fare?
EDIT: non riesco a fare meglio di cosi:
http://validator.w3.org/check?uri=ht...Inline&group=0
se avete qualke suggerimento...
niente da fare...mi sa ke rinucio....ero sceso a 14 errori ed ora sono 21 un'altra volta...nn so perke
http://validator.w3.org/check?uri=ht...Inline&group=0
C'è una parte che va sistemata (inizia dalla riga 203):
Se metti <ul> dopo non puoi mettere <div> e di nuovo <ul>... E poi perchè utilizzi <ul>, per mettere dentro l'align? Utilizza un <div> casomai...Codice HTML:<ul class="pageitem" align="center"><br/>
<!--<li class="textbox">-->
<div style="float:left;width:40%;height:100%;"> <!-- inizio parte sinistra -->
<ul class="pageitem">
<li class="menu">
Poi mi sembra che non puoi mettere un align dentro <ul>, infatti dice:
Citazione:
You have used the attribute named above in your document, but the document type you are using does not support that attribute for this element.
scusa musicanapoli mi sono letteralmente perso....mi vedi queste ultime modifiche?
http://validator.w3.org/check?uri=ht...Inline&group=0
per quel ke dici tu...se nn metto quel ul class=pageitem fuori ai div mi scompare il contenitor!(il box diciamo ke racchiude i tre div
guarda: trbbl.altervista.org/default.html
e tra l'altro gli errori continuano ad essere 21 :(
ecco gli ultimi sviluppi
http://validator.w3.org/check?uri=ht...Inline&group=0
vengono segnalate un sacco di " e >
Qualche minuto fa il codice nel validator lo vedevo più incasinato, gli do un'occhiata più tardi con calma ed edito questo messaggio.
grazie mille bello!ti farò un monumento a napoli affianco a quello di maradona se ce la facciamo a superare il test! :P
Non possono coesistere più ID dello stesso nome.
Ci sono due ID=topbar e due ID=title
Infatti uno degli errori dice:
Così dovresti eliminare altri 2 errori.Citazione:
Line 325, Column 10: ID "topbar" already defined
Devi togliere sia align=center da <span> che da <li>.
Trova un altro metodo per centrare i loro contenuti.
Per centrare qualcosa, leggi qui.
Linea 186/204, hai racchiuso il contenuto principale. Il codice è pasticciato (vedi il seguente pezzetto:
Il tag <ul> di solito viene utilizzato per creare delle liste, non per essere utilizzato come fai tu in questo momento...Per esempio al posto di ul.class=pageitem potresti utilizzare un div...Codice HTML:<ul class="pageitem">
<div style="float:left;width:35%;">
<div style="background: transparent url(images/ioo.png) center no-repeat;">
<marquee height="100%" scrollamount="5" behavior="scroll" direction="down">
<img style="margin-left:6%;margin-top:5%" src="http://forum.it.altervista.org/images/trbbl.png" alt=""/></marquee>
</div>
</div>
<div style="width:auto;"><ul>
<li class="textbox">
Dovresti arrivare ad 11 errori.
quel <ul class="pageitem"> viene ovviamente letto dal css e mi serve per creare quei "box" o "riquadri" ke vedi nella mia pagina ke racchiudono gli elementi...devo per forza trovare un'altra maniera per ricrearli??
poi, sempre per lo stesso pezzo di codice se cambio:
inCodice:<ul class="pageitem">
<div style="float:left;width:35%;">
<div style="background: transparent url(images/ioo.png) center no-repeat;">
<marquee height="100%" scrollamount="5" behavior="scroll" direction="down">
<img style="margin-left:6%;margin-top:5%" src="http://forum.it.altervista.org/images/trbbl.png" alt=""/></marquee>
</div>
</div>
<div style="width:auto;"><ul>
<li class="textbox">
convino qualke pasticcio??Codice:<ul class="pageitem">
<div style="float:left;width:35%;background: transparent url(images/ioo.png) center no-repeat;">
<marquee height="100%" scrollamount="5" behavior="scroll" direction="down">
<img style="margin-left:6%;margin-top:5%" src="http://forum.it.altervista.org/images/trbbl.png" alt=""/></marquee>
</div>
<div style="width:auto;"><ul>
<li class="textbox">
domani mattina provo a fare qualkosa e posto i risultati...ora come ora nn ne sono piu in grado! o.O
per il momento ti ringrazio infinitamente e come segno di riconoscimento, se ti va, metto un banner di uno dei tuoi siti nel mio!
Puoi provare sostituire il tag <center> con il tag <font> con questa sintassi:
Per poi modificare il foglio di stile aggiungendo questo selettore:Codice HTML:<font class="center">
...
...
</font>
Ma non saprei se con diversi browser viene visualizzato nello stesso modoCodice HTML:font.center {
text-align:center;
}
niente da fare ragazzi...ho seguito i consigli i tutti e due ma gli errori continuano ad essere tanti (18)
http://validator.w3.org/check?uri=ht...Inline&group=0
cosa sbaglio ancora??
EDIT: ho tolto tutti i <li class="textbox"> e gli errori si sono ridotti a 11 come avevi predetto musicanapoli!!
http://validator.w3.org/check?uri=ht...Inline&group=0
siamo vicini alla soluzione!!ultimi sforzi ragazzi!:P
gli errori rimasti nn li capisco!
Non credo che riuscirai mai ad risolvere tutti gli errori dato che il tag marquee non rispetta gli standar e il w3c validator te lo segnerà sempre come errore.
Sostituisci la & in &Codice:Line 405, Column 113: character "&" is the first character of a delimiter but occurred as data
…p://sstatic1.histats.com/0.gif?1068582&101" alt="contatori" border="0"/></a></…
sono disposto anke a toglierlo il marquee se dovesse servire...
cmq quel errore ke mi dici non lo vedo!
http://validator.w3.org/check?uri=ht...Inline&group=0
anke perke nn ci arrivo fino alla 405esima riga! :P
EDIT: ho capito la riga in questione...era sol svagliato il numero di riga...correggo subito. grazie mille!uno in meno! :P
Prova a sostituire questo:
in:Codice HTML:<script type="text/javascript">
//<![CDATA[
document.write(unescape("%3Cscript src=%27http://s10.histats.com/js15.js%27 type=%27text/javascript%27%3E%3C/script%3E"));</script>
<a href="http://www.histats.com" target="_blank" title="contatori" ><script type="text/javascript" >
try {Histats.start(1,1068582,4,22,130,30,"00011011");
Histats.track_hits();} catch(err){};
//]]>
</script></a>
Codice HTML:<script type="text/javascript">
//<![CDATA[
document.write(unescape("%3Cscript src=%27http://s10.histats.com/js15.js%27 type=%27text/javascript%27%3E%3C/script%3E"));
//]>
</script>
<a href="http://www.histats.com" target="_blank" title="contatori">
<script type="text/javascript" >
//<![CDATa[
try {Histats.start(1,1068582,4,22,130,30,"00011011");
Histats.track_hits();} catch(err){};
//]]>
</script>
</a>
:shock:..guarda che se non rispetti il w3c mica finisce il mondo!!Citazione:
Originalmente inviato da trbbl
Hai mai guardato i siti che "dovrebbero" essre fatti per bene in realtà come sono? :roll:
altervista
Ciao!
@javascripter: la tua soluzione ha dato un nuovo errore ma sempre nello stesso punto!
http://validator.w3.org/check?uri=ht...Inline&group=0
@alemoppo: lo so...il fatto è ke mi riscopro perfezionista... :(
EDIT: togliendo il marquee gli errori arrivano a 6!!!
http://validator.w3.org/check?uri=ht...Inline&group=0
musicanapoli dove sei??manca poco!