Delucidazione su <dt> e settaggi elenchi

[Laurami]

Salve,
in un layout a 3 colonne con pos assoluti, ho creato la colonna extra di destra con posizionamento assoluto e qui vorrei mettere un elenco puntato. In testa a questo, vorrei mettere un titoletto testuale del tipo "Fast links". Ripeto: non voglio mettere un'immagine, bensì utilizzare del testo. Ho visto in altri layout, ad esempio su alisapart.com, che tali "titoletti" sono contraddistini dal tag <dt>.

1 - Ma cos'è? Quale alternativa mi consigliate? Ho pensato che, per una piena compatibilità, è sempre meglio avere del testo che un'immagine.

2 - Inoltre, come posso regolare la distanza tra le voci dell'elenco, incolonnate verticalmente? Non ci riesco...
Grazie.

[pierofix]

<dl>
<dt>Menù</dt>
<dd>Link1</dd>
<dd>Link2</dd>
<dd>Link3</dd>
</dl>

Ecco come si usa.

Per ulteriori informazioni:

- http://www.w3.org/TR/html4/struct/lists.html#h-10.3

[Laurami]

Grazie pierofix
Ho scritto dunque:
<dl>
<dt>Fast Links</dt>
<dd>
<ul>[*]Apprettatrici[*]Stiratrici[*]Accoppiatrici[*]Riavvolgitrici[/list]
</dd>
</dl>
ma il ris è come in figura allegata. Come posso ridurre lo spazio e allineare Fast Links all'elenco? Il css:
dt {
font: bold 12px tahoma;
margin: 0;
padding: 0
}

div#extra ul li{
font: 11px/30px arial;
list-style-position: outside;
list-style-type: square;
margin: 0;
padding: 0
}

Inoltre ne approfitto per chiederti una cosa apparentemente stupida: non riesco a centrare un'immagine larga 300px in una colonna larga 500px in pos relativa (quella centrale tra due colonne in pos assoluta). Con il testo si usa text-align ma con le immagini? Come faccio? Mi sa che sono rimbecillito, non riesco proprio a farlo. Mi sbaglio o il metodo align: center è deprecato?

[bagu]

<ul >[*]<Menù[*]Link1[*]Link2[*]Link3[/list]

poi differenzi li li a:link li a:hover e li a:visited con i css

io se mi occore il rollover anche nel titoletto
annido nel li un tag h

questo riguardo la lista
per allineare l'immagine text-align funzia con ie, mentre per gli altri browser devi mettere all'immagine
margin-left , margin-right { auto; }

ciao paolo

[Laurami]

Come ho scritto io non è più corretto? Ho copiato pari pari alla raccomandazione


Quanto al centra immagini, allora se scrivo nel css
img {
margin-left: auto;
margin-right: auto;
}
è uguale?

[bagu]

sono 2 liste un pochetto diverse ma entrambe corrette.

si devi mettere i margin auto e in piu' text-align:center nel div padre
questo perchè ie nn supporta i margin auto.

per il menu' dai un occhio qui è una pagina in lavorazione ma il menu' è completo

ciao paolo

[Laurami]

Infatto su IE6 non mi centra proprio nulla...Sicuro che risolvo mettendo il text-align: center nel box padre? A me l'immagine rimane sempre sulla sinistra...Cmq grazie.

[Laurami]

Ho risolto. Il fatto è che avevo un'immagine da centrare e subito dopo del testo giustificato. Ho risolto mettendo tutto il contenuto della colonna centrato con text-align: center e impostanto il

giustificato (non so perchè ma il contrario, ossia il contenuto della colonna giustificato e le <img> centrate con right e left auto, non funzionava).