Doctype e charset

pablito

Doctype e charset

Ciao a tutti

ho un problema relativo al doctype

Se in una pagina metto il primo doctype riportato qui sotto e che considero corretto, firefox non mi allinea verticalmente il testo delle<ul><li> come da css vertical-align:top
Se invece uso il secondo doctype il testo è allineato correttamente
Probabilmente il problema nasce dal charset ma il validatore w3c se non lo metto non ritiene la pagina valida

Ho provato con molti charset ma il risultato non cambia

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"H T T ;// W W W.w3.org/TR/html4/loose.dtd">
<HTML>
<HEAD>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>

<style eccc........

td {vertical-align:top}

<div id="menu""><table width="100%"><tr><td align="right" width="100%" class="tt"><ul id='menu'><li id='home'>< ......>home page</a></li><li><.........>chi siamo</a></li><li><..........>attività</a></li><li><a ..........>contatti</a></li></ul><br><br></table></div>

Grazie

privacy.impresa

Una domanda, ma il vertical-aling lo hai associato al tag td, non a ul... poi align="right" e width="100%" spostali nel css

td {
vertical-align:top;
text-align:right;
width:100%;
}

Ad ogni modo potresti avere dei problemi perchè hai incapsulato gli ul dentro una tabella e il tutto dentro un div... togliere la tabella?

keiske

pablito

@Privacy-Impresa said:

Una domanda, ma il vertical-aling lo hai associato al tag td, non a ul...

Si l'allineamento verticale è del <td> per allineare a top il suo contenuto ovvero il <ul>

Ad ogni modo potresti avere dei problemi perchè hai incapsulato gli ul dentro una tabella e il tutto dentro un div... togliere la tabella?
keiske

a mettere <ul> da solo mi manca lo sfondo

A inserirlo dentro la div eliminando la table vertical-align:top non risponde se lo abbiuno al div
Ciao
Pab

privacy.impresa

uhm...

dovresti usare <ul><li></li></ul> senza table (mentre va bene dentro il <div>)

Il vantaggio di non usare la table e quindi il <td> è che non hai bisogno di impiostare il vertical-align dal momento che la lista procede ordinatamente dall'alto in basso, mentre ovviamente nel <td> si mette tutto centrato verticalmente.

Poi nei css imposti:

ul li {
display: inline;
}

(questo ti permette di gestire gli ul come preferisci senza essere legato alla verticalità obbligatoriamente)

Poi se ho capito dentro i <li> ci sono dei link di menu...

Allora:

ul li a {
display: block;
background-color: #XXXXXX;
}

QUesto trasforma l'elemento in un blocco permettendoti di impostare tutto lo sfondo come vuoi (ma non solo)

e se vuoi cambiare colore dello sfondo al passaggio del mouse

ul li a:hover {
background-color: #YYYYYY;
}

(questo imposta lo sfondo con un altro colore quando il mouse passa sopra)

Altri possibili impostazioni da mettere dentro (ul li a):

text-decoration: none (sottolineatura dei link nascosta)
padding: gestione del testo dentro al blocco <li>
color: colore del testo
border: bordo del blocco <li>

Mentre per (ul li a:hover)
text-decoration: underline (se vuoi che il link si sottolinei al passaggio)

keiske