Elenco con immagini

[Valeria75_bis]

Ciao, ho un elenco di questo tipo

AAA

BBB

CCC

Vorrei aggiungere una immagine in prossimità di una riga

Quale soluzioni mi consigliate di adottare facendo uso dei CSS ed adottando una soluzione XHTML strict? Avevo pensato di utilizzare[*] ma come posso fare? Attualmente il CSS "menu" contiene semplicemente la definizione per il tag <a> ovvero a.menu...

Grazie infinite per l'aiuto!

[salasir]

Per costruire i menù con i CSS guarda nei link utili:

Menù con i CSS

Mentre per le immagini, considera di utilizzare l'immagine come background definita nei css, in modo simile alla tecnica di sostituire i marcatori classici con immagini tue:

Liste con marcatori perfetti

[Valeria75_bis]

Grazie per la risposta!

Ma per quale motivo dici di far riferimento alla modalità di creazione dei menu??

Io dovrei gestire un semplice elenco, con un'immagine (pallino) al posto dei tradizionali puntatori

Grazie

[salasir]

Forse ho male interpretato il tuo desiderio, ma nell'esempio che hai indicato c'era class="menu" e così ...

Comunque, essendo una lista di link è semanticamente corretto utilizzare <ul> e[*] e sarebbe quindi assimilabile ad un menù (che normalmente si costruiscono a partire da una lista non ordinata di link a cui poi si assegnano le caratteristiche tramite CSS). (Tra l'altro elimini i
).

L'indicazione delle liste con marcatori che ti ho segnalato comunque può essere valida.

Per costruire una lista semplicemente sostituendo i pallini standard basta creare una classe indicando:

ul.freccia {list-style:url("Image/arrow.gif");}

[Valeria75_bis]

Grazie infinite!! Ma cosa dovrei utilizzare la classe freccia all'interno del mio elenco?

Grazie ancora!

[salasir]

:master: Mmmm .. mi sembra che tu sia alle prime armi con i CSS...

La classe freccia era un esempio, ovviamente. La chiami come vuoi ..

Tu dovrai indicare:

<ul class="freccia">[*]AAA[*]BBB[*]CCC[/list]

ed ovviamente nei CSS indicherai l'immagine che vuoi usare con il corretto percorso.

Questo sistema funziona perfettamente; ha il solo piccolo difetto di una resa diversa sui browser (specialmente IE - te pareva- :rollo: ) che tende a non allineare la scritta con l'immagine, specie se è più grande del testo. Per questo ti ho indicato il link alle liste con immagini ...