kostenloser Webspace werbefrei: lima-city


Problem mit CSS: clip

lima-cityForumDie eigene HomepageHTML, CSS & Javascript

  1. Autor dieses Themas

    n0x3l

    Kostenloser Webspace von n0x3l

    n0x3l hat kostenlosen Webspace.

    Brauch ja nicht viel zu sagen. Hier der Code:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <style type="text/css">
    
    img {
    position:absolute; top:100px; left:100px; clip:rect (30px, 32px, 32px, 30px);
    }
    
    </style>
    
    <body>
    
    <img src="http://www.mediaevent.de/repos/2009/css/css-clip-1.png">
    
    </body>
    </html>


    Ich habe eigentlich alle Regeln beachtet, aber weiß trotzdem warum das nicht klappt mit dem clip. Ich will damit einen Ausschnitt machen aus dem Bild.

    Müsste normalerweise funktionieren. Vielleicht könnt ihr ja mein Problem erkennen.
  2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

  3. Oft steckt der Teufel im Detail...

    img {
    position:absolute; top:100px; left:100px; clip: rect(30px, 32px, 32px, 30px);
    }

    Das Leerzeichen zwischen 'rect' und der '(' war zuviel! Allerdings erzeugst Du nur einen 2x2px grossen Ausschnitt, wo eh nicht viel zu erkennen ist. ;)

    Beitrag zuletzt geändert: 17.7.2009 20:41:35 von staymyfriend
  4. Autor dieses Themas

    n0x3l

    Kostenloser Webspace von n0x3l

    n0x3l hat kostenlosen Webspace.

    staymyfriend schrieb:
    Allerdings erzeugst Du nur einen 2x2px grossen Ausschnitt, wo eh nicht viel zu erkennen ist. ;)


    Warum das? Ich habe doch 30px und 32px eingegeben.

    n0x3l schrieb:
    position:absolute; top:100px; left:100px; clip: rect(30px, 32px, 32px, 30px);
    }


    edit: Sry, hast Recht. Habe meinen Fehler eingesehen.

    Beitrag zuletzt geändert: 18.7.2009 23:10:30 von n0x3l
  5. Hallo,
    gut erklärt (für nachfolgend suchende) ist es m.E. hier: http://www.css4you.de/clip.html.
    Viele Grüße,
    BlueMax
  6. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?

Über lima-city

Login zum Webhosting ohne Werbung!