spostare le immagini con i css

[indre]

Ciao..eccomi di nuovo...

ho questa classe.

#cer {
	background-repeat: no-repeat;
	background-color:#fff;
	background-image:url(../images/link.jpg);
	border-bottom:1px solid #ff0000;
	position:absolute;
	left: 161px;
	top: 500px;
	width: 148px;
	height: 77px;
	padding:3px 0px 0px 3px;
}

come faccio a spostare l'immagine che carico dentro il div??
se sposto left o top mi si sposta il DIV..
ho provato con background-position: ma nulla.. mi server specificare in px..
ciao

[lukeonweb]

non mi è tanto chiaro...

[indre]

io ho creato questa classe ceh richiama un DIV..

come vedi richiamo un immagine..
il fatto è che vorrei spostare questa immagine.. posizionandola dove voglio io dentro il DIV..

[Federix]

Puoi agire con i padding destri, sinistri, superiori, inferiori.

[secan]

Se ti riferisci all'immagine di background, devi settare l'attributo:
"background-position"
che accetta una coppia di valori percentuali, o i valori [left|center|right] e [top|middle|bottom]

Secan

[indre]

ho provato così ma nulla
background-position:10px 10px 10px 10px;
adesso provo con i padding

[indre]

se uso i paddingmi si sposta tutto ..
io vorrei solo l'immagine..

[secan]

Come ti ho detto, background-position accetta soltanto una coppia di valori percentuali o di parole chiave (non puoi usare i px e soprattutto puoi specificare al massimo due valori):

Parole chiave
background-position: [left|center|right] [top|middle|bottom];

Valori percentuali
background-position: 0% 0%; 
background-position: 100% 100%; 
background-position: 14% 25%;

Secan

[Jerry Masslo]

Originariamente inviato da secan
Come ti ho detto, background-position accetta soltanto una coppia di valori percentuali o di parole chiave (non puoi usare i px e soprattutto puoi specificare al massimo due valori):
...

può usare anche i pixel, anzi può usare qualunque unità di misura valida e anche mischiarli ad esempio:

background-position: 30px 2em;