[RISOLTO] Errore di validazione W3C.

[vales]

Improvvisamente non ho più la validazione W3C.

L'errore che ricevo è questo sui titoli dei contenuti degli articoli in prima pagina.

Codice: [Seleziona]

Line 154, Column 8: document type does not allow element "h2" here; missing one of "object", "ins", "del", "map", "button" start-tag.

<h2>Un nuovo sito dell'APT</h2>


The mentioned element is not allowed to appear in the context in which you've placed it; the other mentioned elements are the only ones that are both allowed there and can contain the element mentioned. This might mean that you need a containing element, or possibly that you've forgotten to close a previous element.

One possible cause for this message is that you have attempted to put a block-level element (such as "<p>" or "<table>") inside an inline element (such as "<a>", "<span>", or "<font>").

E' ovvio che il campo titolo non posso modificarlo perchè è inserito automaticamente da Joomla.

Avevo fatto alcune modifiche al template, ma continua a dare errore anche dopo aver ripristinato l'originale.

Ho provato ha disattivare plugin vari, disattivare moduli ma nulla cambia.

Uso Joomla 1.5.8 e JoomlaFAP 1.5 v 1.2
Qualcuno ha avuto problemi dopo l'aggiornamento alla versione 1.5.8 di Joomla ?

Il sito è qui

[vales]

Ho trovato la causa.
Questo errore compare se viene settato "Si" in "Titoli ipertestuali" in "Preferenze" articoli" oppure in "Parametri avanzati" del singolo articolo.
Segnalerò il problema nel traker del progetto del template.

Per ora ho impostato l'opzione a "No" ed ho riottenuto la validazione

[vales]

Penso di aver trovato la soluzione con le seguenti modifiche:

modifiche inserite in tpl_accessible_77\html\com_content\overrides\blog_item.php

righe da 51 a 55

Codice: [Seleziona]

<a href="<?php echo $this->item->readmore_link; ?>" class="contentpagetitle<?php echo $this->params->get( 'pageclass_sfx' ); ?>" style="font-size: 150%">
<!-- <h2> --><?php echo $this->item->title; ?><!-- </h2> -->
</a>
<?php else : ?>
<!-- <h2> --><?php echo $this->item->title; ?><!-- </h2> -->         
         
         
modifiche inserite in tpl_accessible_77\html\com_content\overrides\blog.php

righe da 28 a 29

Codice: [Seleziona]

<div class="componentheading<?php echo $this->params->get('pageclass_sfx') ?>" style="font-size: 150%">
<!-- <h1> --><?php echo $this->params->get('page_title'); ?><!-- </h1> --> 

modifiche inserite in tpl_accessible_77\html\com_content\overrides\default_item.php


righe da 49 a 53

Codice: [Seleziona]

<a href="<?php echo $this->item->readmore_link; ?>" class="contentpagetitle<?php echo $this->params->get( 'pageclass_sfx' ); ?>" style="font-size: 150%">
<!-- <h1> --><?php echo $this->item->title; ?><!-- </h1> -->
</a>
<?php else : ?>
<!-- <h1> --><?php echo $this->item->title; ?><!-- </h1> -->

         
modifiche inserite in tpl_accessible_77\html\com_content\category\default.php

righe da 6 a 7
         

Codice: [Seleziona]

<div class="componentheading<?php echo $this->params->get( 'pageclass_sfx' ); ?>" style="font-size: 150%">
<!-- <h2> --> <?php echo $this->escape($this->category->title); ?><!-- </h2> -->     
     
modifiche inserite in tpl_accessible_77\html\com_content\section\blog_item.php


righe da 17 a 21
   
   

Codice: [Seleziona]

<a href="<?php echo $this->item->readmore_link; ?>" class="contentpagetitle<?php echo $this->params->get( 'pageclass_sfx' ); ?>" style="font-size: 150%">
<!-- <h1> --><?php echo $this->item->title; ?><!-- </h1> -->
</a>
<?php else : ?>
<!-- <h1> --><?php echo $this->item->title; ?><!-- </h1> -->         

modifiche inserite in tpl_accessible_77\html\com_content\article\default.php


righe da 23 a 27

Codice: [Seleziona]

<a href="<?php echo $this->article->readmore_link; ?>" class="contentpagetitle<?php echo $this->params->get( 'pageclass_sfx' ); ?>" style="font-size: 150%">
            <!-- <h1> --><?php echo $this->article->title; ?><!-- </h1> -->
        </a>
        <?php else : ?>
            <!-- <h1> --><?php echo $this->article->title; ?><!-- </h1> -->           

[elpaso66]

Scusa Vales ma non mi sembra una soluzione che può essere generalizzabile.

La logica degli h1 è che il titolo della pagina dovrebbe essere un titolo di primo livello (h1) e che nella vista blog, i titoli delle singole notizie dovrebbero essere di secondo livello (h2)

Ovviamente se non attivi le relative opzioni di visualizzazione puoi usare h1 e h2 all'interno degli articoli senza avere conflitti di validazione.

Questa è una di quelle cose che non si può facilmente risolvere a livello di template in quanto non esiste una soluzione che vada bene per tutti.

[vales]

Scusa Vales ma non mi sembra una soluzione che può essere generalizzabile.

La logica degli h1 è che il titolo della pagina dovrebbe essere un titolo di primo livello (h1) e che nella vista blog, i titoli delle singole notizie dovrebbero essere di secondo livello (h2)

Ovviamente se non attivi le relative opzioni di visualizzazione puoi usare h1 e h2 all'interno degli articoli senza avere conflitti di validazione.

Questa è una di quelle cose che non si può facilmente risolvere a livello di template in quanto non esiste una soluzione che vada bene per tutti.

Scusa elpaso66, ma non ho compreso la tua osservazione.

Il problema era che all'interno di un tag <a> il w3c non consente l'inserimento di h1 e h2.

Io ho solo spostato la definzione del carattere dal tag XHTML al CSS in linea che ho inserito (style="font-size: 150%").
Eventualmente si tratta di stabilire quale font-size: xxx% corrisponde a h1 e quale ad h2.

Da qualche parte ho trovato che font-size: 150%; equivale ad h1, per h2 dovrebbe essere 130%.

In effetti nelle modifiche che ho proposto ho inserito 150% anche per h2 che dovrebbero quindi essere corrette a 130%.

Aldilà di questo però mi sembra che le modifiche poste li in quelle posizioni non modificano il funzionamento del template e consentono la validazione mantenendo le precedenti caratteristiche.

Ciao Vales

[elpaso66]

Forse sono io che ho letto un po' in fretta, ma mi sembra che tu abbia semplicemente commentato i tag H1 e H2, a questo punto non era meglio spostarli all'esterno dei tag A ?

[vales]

Anch'io ho avuto fretta le modifiche vanno fatte solo alle parti di codice interne ai tag

Codice: [Seleziona]

<a> ....  </a> per cui i file interessati sono questi.

modifiche inserite in tpl_accessible_77\html\com_content\overrides\blog_item.php

righe da 51 a 55

Codice: [Seleziona]

<a href="<?php echo $this->item->readmore_link; ?>" class="contentpagetitle<?php echo $this->params->get( 'pageclass_sfx' ); ?>" style="font-size: 130%">
<!-- <h2> --><?php echo $this->item->title; ?><!-- </h2> -->
</a>
<?php else : ?>
<h2><?php echo $this->item->title; ?></h2>                 
modifiche inserite in tpl_accessible_77\html\com_content\overrides\default_item.php

righe da 49 a 53

Codice: [Seleziona]

<a href="<?php echo $this->item->readmore_link; ?>" class="contentpagetitle<?php echo $this->params->get( 'pageclass_sfx' ); ?>" style="font-size: 150%">
<!-- <h1> --><?php echo $this->item->title; ?><!-- </h1> -->
</a>
<?php else : ?>
<h1><?php echo $this->item->title; ?></h1> 
         
modifiche inserite in tpl_accessible_77\html\com_content\section\blog_item.php

righe da 17 a 21
     

Codice: [Seleziona]

<a href="<?php echo $this->item->readmore_link; ?>" class="contentpagetitle<?php echo $this->params->get( 'pageclass_sfx' ); ?>" style="font-size: 150%">
<!-- <h1> --><?php echo $this->item->title; ?><!-- </h1> -->
</a>
<?php else : ?>
<h1><?php echo $this->item->title; ?></h1>         
modifiche inserite in tpl_accessible_77\html\com_content\article\default.php

righe da 23 a 27

Codice: [Seleziona]

<a href="<?php echo $this->article->readmore_link; ?>" class="contentpagetitle<?php echo $this->params->get( 'pageclass_sfx' ); ?>" style="font-size: 150%">
            <!-- <h1> --><?php echo $this->article->title; ?><!-- </h1> -->
        </a>
        <?php else : ?>
            <h1><?php echo $this->article->title; ?></h1>
Sono daccordo che dovrebbe funzionare anche inserendo h1 e h2 fuori dal tag es.

Codice: [Seleziona]

<h1><a> ...... </a></h1>
A te la scelta.