Elenco con immagine

giovedì 04 gennaio 2007 - 23.39

Elenco Threads

Stanze Forum

Aggiungi ai Preferiti

Cerca nel forum

squilibrio Profilo | Expert

527 messaggi | Data Invio: gio 4 gen 2007 - 23:39

Ciao, ho un elenco di questo tipo

<a href="#" class="menu">AAA</a><br />
<a href="#" class="menu">BBB</a><br />
<a href="#" class="menu">CCC</a>

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 <li> ma come posso fare? Attualmente il CSS "menu" contiene semplicemente la definizione per il tag <a> ovvero a.menu...

Grazie infinite per l'aiuto!

trasportation Profilo | Junior Member

104 messaggi | Data Invio: ven 5 gen 2007 - 15:33

Crea una nuova classe CSS (es: .icona) e associala alla voce di menu che ti interessa in questo modo

<a href="#" class="menu icona">AAA</a><br />

allo stile imposta un background con l'immagine che ti interessa (bloccata su top e left in modo che non venga ripetuta posizione 0,0), sposta il padding di destra tanto quanto è grande l'immagine che vuoi utilizzare e il gioco è fatto.

Semplicissimo, e tutto basato su CSS senza modifica la tua pagina.

R.

/*
* web: http://www.robertobeccari.it
*/

Torna su

Stanze Forum

Elenco Threads

Partecipa anche tu! Registrati!

Hai bisogno di aiuto ?
Perchè non ti registri subito?

Dopo esserti registrato potrai chiedere
aiuto sul nostro Forum oppure aiutare gli altri

Consulta le Stanze disponibili.

Registrati ora !