immagine a destra del <li></li>

**tk.6** · 15-11-2013, 16:28

Ciao a tutti

Ho bisogno di un piccolo aiuto, spero che qualcuno mi possa aiutare.

Ho creato l'effetto grazie al quale in una lista non ordinata ho inserito una piccola immagine a forma di freccia a sinistra del singolo listato. Quando sono in "hover" compare un'altra freccia di colore diverso. Il codice utilizzato è questo:

codice:

.correlati li {	padding:3px 0px 3px 0px;
	font-size:14px;
	list-style:none;
	margin:0px;
	border-bottom: 1px dotted #8080BF;
	}
.correlati a {
	display:block;
	margin-left:1px;
	background-image:url(../immagini/sprit.png);
	background-repeat:no-repeat;
	background-position:0px -1px;
		}
.correlati a:link,
.correlati a:visited{
	text-decoration:none;
	color:#00F;
	padding-left:8px;
	}
.correlati a:hover,
.correlati a:focus,
.correlati a:active{
	text-decoration:none;
	color:#666;
	background-image:url(../immagini/sprit.png);
	background-repeat:no-repeat;
	background-position:0px -51px;
	}

L'effetto è sostanzialmente questo:

> link

Ora vorrei creare questo effetto:

link <

in cui la freccia è a destra del link e quindi all'estremità destra anche del tag <li></li>

Come posso fare?

Spero di essermi spiegato bene...grazie a tutti.

**webbeloz** · 16-11-2013, 12:23

dato che ti serve una freccina semplice potresti evitare img e usare solo CSS.
Prendi in esempio questo modo di creare bordi/frecce... fai ruotare per averlo a DX e sistema le dimensioni.

http://wblz.co/X3zlf

Poi sistema anche l'HTML, prima di <head>

codice:

<!DOCTYPE html>
<html lang="en">
<head>

**tk.6** · 16-11-2013, 16:50

Originariamente inviata da webbeloz

dato che ti serve una freccina semplice potresti evitare img e usare solo CSS.
Prendi in esempio questo modo di creare bordi/frecce... fai ruotare per averlo a DX e sistema le dimensioni.

http://wblz.co/X3zlf

Poi sistema anche l'HTML, prima di <head>

codice:

<!DOCTYPE html>
<html lang="en">
<head>

Ciao webbeloz

grazie per la risposta, ma non vedo possibilità di disegnare freccine con il link che mi hai lasciato.

Forse mi hai dato un link sbagliato?

Grazie

**webbeloz** · 16-11-2013, 17:32

Originariamente inviata da tk.6

Ciao webbeloz

grazie per la risposta, ma non vedo possibilità di disegnare freccine con il link che mi hai lasciato.

Forse mi hai dato un link sbagliato?

Grazie

eh si.... ho cannato!

questo è OK: http://wblz.co/piIO6

**tk.6** · 16-11-2013, 17:45

Originariamente inviata da webbeloz

eh si.... ho cannato!

questo è OK: http://wblz.co/piIO6

Ma anche in questo caso non vedo freccine....

**webbeloz** · 16-11-2013, 17:48

guarda meglio...
Questa volta il link è OK.

**tk.6** · 17-11-2013, 10:49

Scusami se insisto ma vedo solo un cerchio con al centro una specie di L rovesciata.

Dov'è la freccina?

Discussione: immagine a destra del <li></li>

Strumenti discussione

Ricerca discussione

Visualizza

immagine a destra del <li></li>

Permessi di invio