"Jesper Nann" <jesper> skrev i en meddelelse
news:3e3fc36d$0$71673$edfadb0f@dread11.news.tele.dk...
> Hej
>
> Er det muligt at skære et hjørne af sit billede vha. CSS som på:
>
>
http://www.biografbillet.dk/
>
> Er der en funktion til dette eller skal man igen frem med tegneprogrammet.
Hej Jesper
Du kan lave et div element hvor baggrunden er et billede.
Inde i div elementet lav du et billede som består af selve hjørnet. Billedet
floater du op mod højre top hjørnet.
"Men billedet er inden for borderen på dit div element."
Derfor giver du den enten en negativ margin eller position relative med top
og right.
Grafisk set skulle "hjørnet" det som vender ind mod billedet være
transparent og det som vender "væk" fra div'en være en baggrundsfarve. Og så
selvfølgelig selve rammen.
Her er et eksempel med negativ margin.
<div style="background: url(bar.gif);border:2px solid #999900;color:#fff;">
<img src="oehak.gif" alt="" width="23" height="58" border="0"
style="float:right;margin:-2px -2px;">
tekst
</div>
Her er et med negativ relative placering
<div style="background: url(bar.gif);border:2px solid #999900;color:#fff;">
<img src="oehak.gif" alt="" width="23" height="58" border="0"
style="float:right;position:relative;top:-2px;right:-2px;">
tekst
</div>
Held og lykke
Hintzmann