• User

    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>

    <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


  • User Attivo

    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


  • User

    @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


  • User Attivo

    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