Immagine voce di menu

[Nuvola6]

Salve. Devo realizzare una voce di menu come quella allegata ma la freccia deve essere attaccata alla voce.

Nel css ho messo:

Codice: [Seleziona]

background:url(../images/menu-list-style.png) no-repeat scroll right 70% transparent;
Ma il risultato è che si allinea bene al centro della voce ma si posiziona molto più a destra.


Grazie in anticipo

[adottauncane]

Ciao Nuvola6,
non puoi però avere le frecce a distanze diverse...

Codice: [Seleziona]

#left .menu a {
    -moz-font-feature-settings: normal;
    -moz-font-language-override: normal;
    -x-system-font: none;
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("../images/menu-list-style.png");
    background-origin: padding-box;
    background-position: 105px 70%; <---- qui togli right e metti i px che servono
    background-repeat: no-repeat;
    background-size: auto auto;
    color: #000000;
    display: block;
    font-family: Verdana;
    font-size: 11px;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: normal;
    padding-bottom: 0;
    padding-left: 10px;
    padding-right: 0;
    text-decoration: none;
}template.css (riga 58)

[Nuvola6]

Grazie adottauncane. Quindi non si può avere un'immagine a distanza diversa per ogni voce. Ti ringrazio

[kuvier00]

Se imposti nella voce di menu un'immagine e giochi con i css, ce la potresti fare.
L'immagine deve essere per forza di background?

[conti1]

ciao
tutto e possibile .  basta ragionare unìattimo .

[Nuvola6]

Grazie ragazzi. Alla fine, siccome ad ogni voce di menu corrisponde una classe, sto giocando con le classi... anche se è un po' scomoda come soluzione.... però è l'unica che mi viene in mente per mettere un'immagine ad ogni voce a distanza personalizzata (in base alla lunghezza del testo).