Teil von SELFHTML Forum Teil von SELFHTML Forumsarchiv Teil von 2004 Teil von Dezember

SELFHTML Forumsarchiv
Bildausschnitt per CSS

Informationsseite
  1. Seite (CSS) Bildausschnitt per CSS von andre, 31. 12. 2004, 14:56
nach unten

Bildausschnitt per CSS

Die folgende Nachricht zum Thema stammt von: andre, 31. 12. 2004, 14:56

hallo.

ich möchte ein bild (ist zB.: 100x100px) mit 20x50px anzeigen lassen. es soll aber nur der ausschnitt angezeigt werden. das bild soll nicht prozentual verkleinert werden.

geht das nicht mit css? hatte schon gesucht und auch mit overflow rumprobiert aber nichts gefunden....

vielen dank

nach obennach unten

Bildausschnitt per CSS

Die folgende Nachricht zum Thema stammt von: Thomas Meinike, 31. 12. 2004, 15:10

Hallo,

»» ich möchte ein bild (ist zB.: 100x100px) mit 20x50px anzeigen lassen. es soll aber nur der ausschnitt angezeigt werden. das bild soll nicht prozentual verkleinert werden.

<img src="..." style="position:absolute; clip:rect(0px,20px,50px,0px)" alt="...">

Hinweis: clip:rect(top,right,bottom,left)

MfG, Thomas

nach obennach unten

Bildausschnitt per CSS

Die folgende Nachricht zum Thema stammt von: andre, 31. 12. 2004, 15:19

hi.

danke schonmal für die antworten. das wäre schon gut, wenn das "position:absolute" nicht wäre. denn dann sind alle bilder auseinander:

siehe

http://www.roteraupe.de/pages/galerie.pop.php?id=37

noch ne lösung?

nach obennach unten

Bildausschnitt per CSS

Die folgende Nachricht zum Thema stammt von: andre, 31. 12. 2004, 15:26

Oh sorry, nicht auseinander sondern aufeinander.

nach obennach unten

Bildausschnitt per CSS

Die folgende Nachricht zum Thema stammt von: Thomas Meinike, 31. 12. 2004, 15:31

Hallo,

»» Oh sorry, nicht auseinander sondern aufeinander.

Dann gibt top und left explizit an!

MfG, Thomas

nach obennach unten

Bildausschnitt per CSS

Die folgende Nachricht zum Thema stammt von: André, 31. 12. 2004, 15:38

Hi Thomas,

nö, ist das selbe Ergebnis.

Grüße
André

nach obennach unten

Bildausschnitt per CSS

Die folgende Nachricht zum Thema stammt von: Struppi, 31. 12. 2004, 15:40

»» nö, ist das selbe Ergebnis.

Dann musst du um jedes Bild ein DIV machen:
<div style="width:100px;height:100px;overflow:hidden;"> BILD </div>

clip ist halt flexibler.

Struppi.
--
http://javascript.jstruebig.de/

nach obennach unten

Bildausschnitt per CSS

Die folgende Nachricht zum Thema stammt von: André, 31. 12. 2004, 15:47

Hi Struppi,

dann werde ich das mal probieren...

Vielen Dank
André

nach obennach unten

Bildausschnitt per CSS

Die folgende Nachricht zum Thema stammt von: MudGuard, 31. 12. 2004, 23:14

Hi,

»» Dann gibt top und left explizit an!

Warum überhaupt position:absolute? clip ist nicht nur für positionierte Elemente definiert, sondern für block-level und replaced elements. img-Elemente sind replaced elements.

cu,
Andreas
--
Warum nennt sich Andreas hier MudGuard?

Fachfragen per E-Mail halte ich für unverschämt und werde entsprechende E-Mails nicht beantworten. Für Fachfragen ist das Forum da.

nach obennach unten

Bildausschnitt per CSS

Die folgende Nachricht zum Thema stammt von: MudGuard, 31. 12. 2004, 23:15

Hi,

»» Warum überhaupt position:absolute? clip ist nicht nur für positionierte Elemente definiert, sondern für block-level und replaced elements. img-Elemente sind replaced elements.

Nachtrag: overflow darf natürlich nicht auf visible stehen.

cu,
Andreas
--
Warum nennt sich Andreas hier MudGuard?

Fachfragen per E-Mail halte ich für unverschämt und werde entsprechende E-Mails nicht beantworten. Für Fachfragen ist das Forum da.

nach obennach unten

Bildausschnitt per CSS

Die folgende Nachricht zum Thema stammt von: Struppi, 31. 12. 2004, 15:11

»» ich möchte ein bild (ist zB.: 100x100px) mit 20x50px anzeigen lassen. es soll aber nur der ausschnitt angezeigt werden. das bild soll nicht prozentual verkleinert werden.

Da hast du aber nicht lange gesucht.
selfhtml -> CSS -> Positionierung und Anzeige von Elementen -> http://de.selfhtml.org/css/eigenschaften/positionierung.htm#clip

Struppi.
--
http://javascript.jstruebig.de/

nach oben
Teil von SELFHTML Forum Teil von SELFHTML Forumsarchiv Teil von 2004 Teil von Dezember

© 1998-2008 Seite Impressum, Software: Classic Forum