andre: Bildausschnitt per CSS

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

  1. 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

    1. 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?

      1. Oh sorry, nicht auseinander sondern aufeinander.

        1. Hallo,

          Oh sorry, nicht auseinander sondern aufeinander.

          Dann gibt top und left explizit an!

          MfG, Thomas

          1. Hi Thomas,

            nö, ist das selbe Ergebnis.

            Grüße
            André

            1. 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.

              1. Hi Struppi,

                dann werde ich das mal probieren...

                Vielen Dank
                André

          2. 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.
            1. 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.
  2. 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.