• User

    Tag "center" in una tabella non validato dal w3c

    Salve a tutti, avrei bisogno di un aiutino con il tag center.

    Ho inserito il testo all'interno di una tabella ma avrei bisogno di centrare due immagini, sempre all'interno della tabella; il problema è che il w3c non mi valida la pagina dandomi errore sul tag center perchè si trova all'interno della tabella mentre se lo inserisco al di fuori della tabella riesco ad ottenere la validazione.

    In pratica vorrei il testo sulla sinistra mentre la fotografia del gatto al centro, ripartendo poi con il testo a sinistra.

    Sia inserendo <center> che <div align"center"> il W3C non mi fa la validazione quindi sono costretta ad inserire la fotografia a parità di testo...

    Codice:

    
    Gatti a pelo lungo<br ><br >American Curl<br ><br ><br ></font></font>
    <br >
    <table width="100%" border="0" cellpadding="0" cellspacing="0"><tr>
    <td valign="top" width="85%">&nbsp;</td><td valign="top" width="15%">&nbsp;</td></tr><tr><td valign="top">
    <font face="arial, helvetica, sans-serif, Verdana" color="#0033cc"><br><font size="2">
     Questa razza è di aspetto molto curioso a causa delle orecchie che, per le mutazioni genetiche, sono leggermente più grandi del normale, arrotondate sulla punta, 
    arricciate all'indietro e curvate l'una verso l'altra.<br ><br >
    <center><img src="theparadise-island.com/razze/gatti/american curl 1.jpg" border="1" alt="American Curl" ><br ><br ></center>
    Dentro le orecchie devono esserci evidenti ciuffi di pelo.<br>
    
    ```Mi sapete indicare quale codice dovrei utilizzare per centrare l'immagine ed avere la validazione dal W3C?
    Vi ringrazio molto.

  • User Attivo

    Ciao,
    dovrebbe esser sufficiente mettere:

    <div style="text-align:center;"><img .... /></div>
    

    Alessandro


  • User

    Grazie Alessandro ma neanche così lo accetta, ecco i due errori che mi escono fuori:

    • Line 199, Column 31: document type does not allow element "DIV" here; missing one of "APPLET", "OBJECT", "MAP", "IFRAME", "BUTTON" start-tag.<div style="text-align:center;">

    Altro suggerimento? :mmm:


  • User Attivo

    Ciao,
    scusami, ma ho guardato il tuo codice in fretta e non mi sono accorto dei <font> rimasti aperti.

    In sostanza l'errore che ti segnala è la presenza di elementi di tipo block come div,center,p,... all'interno di elementi inline come font,span,b,...

    Per risolvere ti basta chiudere i due elementi <font> prima del <div> o del <center>, se preferisci lasciare quello, che poi reinserisci dopo la chiusura del div, o del center, per ripristinare la formattazione del testo.

     
    <font face="arial, helvetica, sans-serif, Verdana" color="#0033cc"><br><font size="2">
    Questa razza è di aspetto molto curioso a causa delle orecchie che, per le mutazioni genetiche, sono leggermente più grandi del normale, arrotondate sulla punta, 
    arricciate all'indietro e curvate l'una verso l'altra.<br ><br >
     
    </font></font>
    <center>
    <img src="theparadise-island.com/razze/gatti/american curl 1.jpg" border="1" alt="American Curl" ><br ><br >
    </center>
    <font face="arial, helvetica, sans-serif, Verdana" color="#0033cc"><font size="2"> 
    Dentro le orecchie devono esserci evidenti ciuffi di pelo.<br>
    
    

    L'utilizzo dei fogli di stile ti risparmierebbe un bel pò di righe di codice. 😉

    Alessandro


  • User

    Ti ringrazio tantissimo, ho chiuso il font, inserito l'immagine e sotto riaperto il font per l'altro testo, la pagina si vede perfettamente come la volevo ed è validata dal W3C!
    Ancora grazie mille 🙂