posizione immagine con i css

[sharko]

salve a tutti, sul mio sito uso delle immagini per gli header delle tabelle.
vorrei sapere se sarebbe possibile usare solo l'iconcina e impostargli la posizione esatta con i css...



questo è un esempio dell'immagine che vi dico, è molto leggera, ma vorrei usare solo l'icona all'estrema destra per adattare meglio gli header ad un eventuale cambiamento dei colori.

[rebelia]

beh, per posizionare un'immagine nel div, puoi metterla in background:

#nomediv {
   background-image: url(nomeimmagine.jpg;
   background-position: top right;
   background-repeat: no-repeat;
   }

oppure puoi mettere l'immagine vera e propria:

<div id="nomediv">
   <h2>titolo sezione</h2>
   [img]nomeimmagine.jpg[/img]
</div>

e poi nel css:

#nomediv {position: relative;}
#immagine {position: absoulte; right: 0px;}

o in alternativa

#immagine {float: right;}

[sharko]

non conoscevo l'esistenza del "no-repeat", utilissimo.

un'altra cosa: l'iconcina sulla destra "esce" dal righino grigio.
se io emulassi quel righino con un div colorato, come faccio a ottenere l'effetto con l'icona??
:master: non so se sono stato chiaro...

[rebelia]

a. un'immagine 1:1 fascia+iconcina

b. un div con bg fatto da una gif bianca-grigia-bianca e l'immagine float-right o position: absolute (in questo secondo caso, ricordati di dare position relative al div contenitore)

c. un div come sopra con annidato un div con per bg l'iconcina, cosi' se togli i css scompaiono tutti e due

p.s. si, no-repeat ti permette di fare belle cose

[sharko]

Originariamente inviato da rebelia
c. un div come sopra con annidato un div con per bg l'iconcina, cosi' se togli i css scompaiono tutti e due

penso sia la strada che seguirò!
grazie mille