Problemi inserimento immagini in link

[giovanni.siragu]

Ciao a tutti!

Ho un problema nell'inserire un immagine a sinistra di un testo in un link

Questo è il codice nella pagina html


<div id="nav">
<ul id="navbar">
[*] Letteratura
[*] Musica
[*] Informatica
[*] Cucina
[*] Login
[*] <a href="#">
[img]img/cart.png[/img] Carello
</a>
[*] Chi siamo
[*] Dove trovarci [/list]
</div>

Questo è il css:

#nav {
width: 94%;
margin-right: 3%;
margin-left: 3%;
margin-bottom: 5px;
display: block;
}

ul#navbar {
list-style-type: none;
}

ul#navbar li {
display: inline;
}

ul#navbar a {
text-align: center;
padding-right: 1em;
padding-left: 1em;
border-right: solid 1px black;
}

ul#navbar a#empty {
border-right: none;
}


Ora, la mia problematica è che l'immagine del carrello non compare a sx della scritta Carrello, ma bensì attaccata al bordo sinistro del container principale che ho definito e prima dei vari collegamenti

Grazie per l'aiuto!

[Nobody33]

#nav img{padding: 2px 0 2px 10px; /*è solo un esempio*/
margin: ecc.... ;}

oppure

.cart{margin: ;
padding: ;
}

[Vincent.Zeno]

ciao giovanni,
ricorda che, come tutti, per postare codice sul forum sei tenuto ad utilizzare il tag [CODE][/CODE]

buon lavoro

[giovanni.siragu]

Grazie mille!!