CSS: Punti elenco colore differente dal testo contenuto

[pierofix]

Originariamente inviato da GabbOne
è una tecinca molto veloce che ti permette di configurare un minimo di layout per le liste

Hai usato la parola chiave: tecnica veloce. Nel nostro gergo traducibile anche come: tecnica portatrice di guai in un futuro molto prossimo al presente, dato che punta ad aggirare il problema piuttosto che ad analizzarlo.

[salasir]

Originariamente inviato da GabbOne
questo è vero però è una tecinca molto veloce che ti permette di configurare un minimo di layout per le liste a cui non avevo mai pensato .

Ciaooo

Volevo solo aggiungere che se siete alla ricerca di una tecnica veloce, cosa c'è di meglio che definire solo ed esclusivamente il markup della lista nel codice html e con quattro attributi colorarla, mettere gli sfondi o cambiare l'immagine al posto dei pallini di dafault?

Senza contare che se serve la stessa soluzione in altre pagine, il lavoro sui css si fa una volta sola ...

XHTML 

<ul class="lista1">[*]Uno[*]Due[*]Tre[/list]


CSS 
ul.lista1 {list-style:url(arrow.gif);}

    oppure

ul.lista1,ul.lista1 li{list-style:none;margin:0;padding:0}
ul.lista1 {width:15em}
ul.lista1 li{line-height:1.5em;padding-left:12px;
    background:url(8-em-heart.png) no-repeat left center}

Il secondo esempio ha il vantaggio di mantenere l'immagine allineata con il testo, che con la prima soluzione tende ad abbassarsi. (tratto da: Liste con marcatori perfetti)