elenco css

**beetlejuice** · 24-02-2007, 14:32

Salve, ho un problema nella realizzazione di un semplice elenco utilizzando il tag html[*].

Vorrei realizzare una soluzione come segue:

////////////////////////////////////////////////////

2006: bla bla bla bla bla bla
----> bla bla bla bla bla
2005: bla bla bla bla bla bla
----> bla bla bla bla bla

---> = (rientro)

////////////////////////////////////////////////////

e cosi via..

ho provato a scrivere il seguente codice..

######################################
<ul>[*]2006: bla bla bla bla bla bla bla bla bla bla bla[*]2005: bla bla bla bla bla bla bla bla bla bla bla[/list]

li{list-style-type: none;list-style-position

utside;}
######################################

ma quello che ottengo è:

////////////////////////////////////////////////////

2006: bla bla bla bla bla bla
bla bla bla bla bla

////////////////////////////////////////////////////

Per risolvere tale problema si dovrebbe spostare "fuori" dal tag li l'anno. Avete qualche idea di come posso implementare tale soluzione?

Grazie

P.S: non vorrei utilizzare una tabella.. :rollo:

**fcaldera** · 24-02-2007, 15:42

codice:

<style>
    dl, dt, dd {
        margin      : 0;
        padding     : 0;
    }
    
    dl { 
        width       : 160px;
        clear       : both;
        height      : auto;
        overflow    : hidden;
    }   
    
    dt { 
        float       : left;
        clear       : left;  
        width       : auto;
    }
    dd { 
        float       : left;  
        display     : inline;
        width       : 110px;
        margin-left : 10px;
    }
    
</style>

<body>
...
<dl>
    <dt>2006:</dt><dd>lorem ipsum sit amen et consequitur dolor adisciplit eram...</dd>
    <dt>2005:</dt><dd>lorem ipsum sit amen et consequitur dolor adisciplit eram...</dd>
</dl>
...
</body>

**beetlejuice** · 24-02-2007, 20:27

Grazie mille!!

Discussione: elenco css

Strumenti discussione

Ricerca discussione

Visualizza

elenco css

Permessi di invio