mostrare parte destri di un'immagine

[emnlmn]

Se inserisci l'immagine tramite il tag img con solamente i css non puoi ottenere l'effetto che desideri.
Il discorso è diverso se la inserisci tramite immagine di sfondo:

css:

#trim {
	margin-left:61px;
	width:211px;
	height:79px;
	background:url("bg.png") transparent -61px 0 no-repeat;
}

html:

<div id="trim"></div>

nb. il margin-left lo puoi togliere se non desideri lasciare lo spazio a sinistra per il pezzo d'immagine "tagliato".

[jubstuff]

Originariamente inviato da macsig
Non credo possa aggiungere tale link se l'immagine e' di sfondo.

In effetti si può:

 [url="#"]Link[/url] 

a#sfondo:link{
   background:url(i/dog.jpg) no-repeat top left; /*immagine di sfondo a piacere*/
   display:block;
   height:50px; /*altezza e larghezza da fissare volta per volta*/
   width:50px;
   text-indent:-9999px;
} 

In pratica il trucco riesce fissando la larghezza e l'altezza del link in modo da mostrare l'immagine (si potrebbe fare anche fissando il padding) e poi nascondendo il testo con text-indent.

Questo è un esempio.
Ciao!