Ciao ,
vorrei realizzare un menu a due livelli in cui sulla parte sx dei sub menu vi sia un'icone con uno sfondo. Sia il colore dello sfondo che l'icona dovrebbero poter essere modificabili (escludento quindi di usare icone con tutte lo stesso sfondo desiderato.
Il risultato che vorrei ottenere è mostrato nell'immagine in allegato ed il codice che dovrei usare è presentato QUI.
Qual è il miglior approccio? Al momento ho provato così:
codice:
.side_col
{
background-color:yellow;
float:left;
height:100%;
width: 30px;
}
.side_col img
{
vertical-align:top;
margin: 0 auto;
}
/**************************************************/
<ul>[*]
<span class="side_col">
[img]...[/img]
<span>
<a href="#">sub Link<a />
[/list]
Ma poi per via del padding degli elementi li il risultato è deludente.
Sapreste darmi qualche consiglio?
Grazie