posizionare un'immagine di background

[Chiara88d]

Ciao a tutti devo posizionare un'immmagine nel titolo del contenuto,ho questo codice:

 <h3 style='background:red url(images/bg.png)no-repeat right;color:white;padding:0 5px 0 5px;font-size:19px;height:45px'>Prenotazioni</h3>

vorrei distanziare l'immagine circa 10px da destra ma non ho idea..

Grazie!!

[ac_socmel]

rifai l'immagine con 10px di spazio vuoto a destra

[scimmiaparlante]

volendo puoi usare i css3 ma perdi un po' in compatibilità (con background-origin usando il padding)

http://www.w3schools.com/css3/css3_backgrounds.asp

altra opzione è background-position che è più compatibile

http://www.w3schools.com/cssref/pr_b...d-position.asp

[nicolabiondo]

ciao Chiara,
puoi usare background-position

background-position: x% y%

x è la posizione orizzontale e y quella verticale. La posizione di default è a partire dall'angolo in alto a sinistra (0% 0%). Modificando uno dei due parametri (o entrambi) ti allontani dal bordo superiore sinistro

Questo è standard CSS1

[Chiara88d]

Grazie!

[ac_socmel]

Originariamente inviato da nicolabiondo
puoi usare background-position
background-position: x% y%
x è la posizione orizzontale e y quella verticale. La posizione di default è a partire dall'angolo in alto a sinistra (0% 0%). Modificando uno dei due parametri (o entrambi) ti allontani dal bordo superiore sinistro

e visto che h3 non ha dimensioni, probabilmente inserito in layout fluido, come traduci tutto questo in 10px da destra?

[nicolabiondo]

<h3 style='background:red url(P1000666.JPG)no-repeat right; background-position: 5% 0%; color:white;padding:0 5px 0 5px;font-size:19px;height:45px'>Prenotazioni</h3>

Ti allego il risultato. Il riquadro rosso è l'h3. L'immagine viene spostata a destra perché ho messo il background-position

[ac_socmel]

forse meglio rileggere il primo post

Originariamente inviato da Chiara88d
vorrei distanziare l'immagine circa 10px da destra ma non ho idea..