- Home
- Categorie
- Coding e Sistemistica
- Coding
- Doctype e charset
-
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 validaHo 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><META http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<!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
-
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
-
@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?
keiskea 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
-
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