Visualizzare parte di un immagine

[mattia14]

CIao a tutti.

ho provato a cercare informazioni su questo argomento ma non neho trovate.

Sero che il posto dove scrivo sia quello giusto.

Vorrei visualizzare in un div del mio forum in immagine.

Questa immagine é da un url di un altro sito e l'immagine cambia ogni giorno.

Il problema é che vorrei visualizzare solo una sezione di questa immagine, per esempio se la dimensione oiginale é 400px800px io vorrei visualizzare solo un quadrato di 100x100px a 300px a destra del bordo di sinistra e a 50 dal bordo sopra...

é possibile? se si come?

grazie per le risposte

Ciao

[Mich_]

Se l'immagine e` di sfondo, la cosa e` semplice: ti basta usare correttamente l'attributo CSS
background-position
(che puo` anche essere incluso nel background - vedi ad esempio http://www.w3schools.com/css/css_ref...asp#background )

Se invece l'immagine e` in un tag <img>, devi usare i posizionamenti per sistemarla a tuo piacimento:
I posizionamenti assoluti
Capire i posizionamenti relativi

E avrai poi necessita` anche dell'attributo CSS overflow

[mattia14]

Ti ringrazio tantissimo per la risposta...

Però quello che ho bisogno io é di visualizzare nelt tag una parte dell'immagine..

Un ritaglio di immagine ad una certa distanza dal bordo di sinistrae ad una certa distanza dal bordo superiore...

capisci?

non devo posizionarla... devo estrarne una parte e visualizzarla in un tag...

[Mich_]

Non mi risulta che esista la funzione/proprieta` "clip". Occorre crearsela.

Se la tua immagine e` inserita cosi`

<div class="contenit">
  [img]...[/img]
</div>

Quello che puoi fare e` usare un CSS di questo tipo:

.contenit {
  position: relative;
  width: 300px;        /* necessari (usa le dimensioni che vuoi) */
  height: 200px;
  overflow: hidden;
}
.contenit img {
  position: absolute;
  left: -50px;           /* regola le dimensioni */
  top: -20px;
}

[mattia14]

Grazie mille. Funziona!

[mattia14]

... e per mettere una seconda immagine attaccata a destra della prima? come faccio?

se aggiungo un altro div mi va sotto. io la vorrei a destra...

grazie mille comunque..

[Mich_]

Originariamente inviato da mattia14
... e per mettere una seconda immagine attaccata a destra della prima? come faccio?

se aggiungo un altro div mi va sotto. io la vorrei a destra...

grazie mille comunque..

Questo e` un problema diverso.

Per affiancare due o piu` oggetti di tipo block (i div sono di tipo block, mentre img e` di tipo inline), occorre usare il float.
Vedi qualsiasi tutorial CSS per capire come fare (ad esempio http://css.html.it/guide/leggi/2/guida-css-di-base/ nel particolare: http://css.html.it/guide/lezione/39/...y-float-clear/ - ti puo` essere utile anche http://css.html.it/guide/leggi/3/gui...iti-con-i-css/ )