associare a ogni voce 2 testi

lucaeffe

associare a ogni voce 2 testi

Provo a spiegarlo senza immagini...
Questa e la parte di HTML in cui sto lavorando:

<div id="header2">
<ul class="welcome">
<li><a href="#parent2-1"><strong>Welcome</strong></a></li>
<li><a href="#parent2-2"><strong>About me</strong></a></li>
<li><a href="#parent2-3"><strong>Services</strong></a></li>
<li><a href="#parent2-4"><strong>Contact</strong></a></li>
</ul>

l'header2 è il div che contiene la parte interessata.
A ogni voce della classe welcome sono riuscito ad applicare tramite JS
un paragrafo per ogni li da "parent2":

<li>Lorem ipsum ad delenit .........</li>

<li>His ad copiosae erroribus.........</li>

<li>Quodsi dissentiunt cu eos..........</li>

<li>Indoctum moderatius cum te.......</li>

</ul>
</div>

Sin qui nessun problema!
Il mio problema nasce dal momento che provo a ultimare il tutto...
Il mio scopo finale è quello di inserire un titolo sopra vari i paragrafi li
ma ognuno diverso!!

Per farvi capire meglio....
quando vado sulla descrizione welcome ho la mia descrizione associata al 1° li e cosi per tutti gli altri.
Io voglio assocciare a ogni descrizione un diverso titolo per tutti.

un esempio pratico lo potete vedere nel sito portfolio di David Salvatori

karedas

Ciao Lucaeffe
Il mio consiglio è quello di utilizzare un blocco xhtml ancora poco usato ma efficace e cioè la Definition List

Direttamente dal W3c: http://www.w3.org/TR/html401/struct/lists.html
[html]
<dl>
<dt>Titolo dell'oggetto a seguire</dt>
<dd>Il tuo testo come in un elemento di semplice lista (li)</dd>
</dl>
[/html]
Non sono esattamente sicuro del corretto utilizzo a livello di accessibilità però dovrebbe fare al caso tuo
In caso spostiamo nella sezione appropriata.

Ciao!