Elenco con immagine

giovedì 04 gennaio 2007 - 23.39

squilibrio Profilo | Expert

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

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
*/
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 !
Copyright © dotNetHell.it 2002-2023
Running on Windows Server 2008 R2 Standard, SQL Server 2012 & ASP.NET 3.5