Daren552: Weißer Rahmen um Bilder [Rahmen + Schatten]

Hallo Leute,
ich versuche seid ein paar Stunden meinen IMG-Befehl (im CSS) so anzupassen das meine Bilder einen weißen Rahmen und einen Schatten haben.

Hier mal ein Beispiel:
http://img261.imageshack.us/img261/3571/rahmenrx3.jpg

So soll das ganze am Ende aussehen. Ich habe aber leider keine Ahnung wie ich das machen soll....

Meine Page: http://daren552.blogspot.com/

Freue mich über jede Hilfe. ^^
mfg, Daren

  1. Hallo Daren552.

    Hallo Leute,
    ich versuche seid ein paar Stunden meinen IMG-Befehl (im CSS) so anzupassen das meine Bilder einen weißen Rahmen und einen Schatten haben.

    Hier mal ein Beispiel:
    http://img261.imageshack.us/img261/3571/rahmenrx3.jpg

    So soll das ganze am Ende aussehen. Ich habe aber leider keine Ahnung wie ich das machen soll....

    Verpasse dem jeweiligen Bild einen weißen http://de.selfhtml.org/css/eigenschaften/hintergrund.htm#background@title=Hintergrund, einen hellgrauen http://de.selfhtml.org/css/eigenschaften/rahmen.htm#border@title=Rahmen und etwas http://de.selfhtml.org/css/eigenschaften/innenabstand.htm@title=Innenabstand; fertig.

    Einen schönen Donnerstag noch.

    Gruß, Mathias

    --
    ie:% fl:| br:< va:) ls:& fo:) rl:( n4:~ ss:) de:] js:| mo:| zu:)
    debian/rules
  2. hi,

    das macht man so:

    .bord{
      padding:2px;
      background:#FFF;
      border:1px solid #333}

    <img src="img/hund.jpg" height="80" wisth:60 class="bord" alt="" />

    LG, Inita

    1. hi,

      das macht man so:

      .bord{
        padding:2px;
        background:#FFF;
        border:1px solid #333}

      <img src="img/hund.jpg" height="80" wisth:60 class="bord" alt="" />

      LG, Inita

      Vielen Dank!
      Nur weiß ich leider nicht wo ich das ganze dann einbauen muss. :(

      1. hi,

        .bord{
          padding:2px;
          background:#FFF;
          border:1px solid #333}

        <img src="img/hund.jpg" height="80" wisth:60 class="bord" alt="" />

        Vielen Dank!
        Nur weiß ich leider nicht wo ich das ganze dann einbauen muss. :(

        Dann informiere dich bitte.
        http://de.selfhtml.org/css/formate/

        gruß,
        wahsaga

        --
        /voodoo.css:
        #GeorgeWBush { position:absolute; bottom:-6ft; }
      2. hi,

        so, zB ganz einfach, nur schreib dein bild .jpg oder .gif rein:

        [code lang:html]
        <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
        <html>
        <head>
        <title>Unbenanntes Dokument</title>
        <style type="text/css">
        .bord{
          padding:4px;
          background:#FFF;
          border:1px solid #333}
        </style>
        </head>
        <body>
        <img src="firetux.png" height="80" width="60" class="bord" alt="" />
        </body>
        </html>
        [/code]

        LG

      3. hi,

        so, zB ganz einfach, nur schreib dein bild .jpg oder .gif rein:

          
        <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"  
        "http://www.w3.org/TR/html4/loose.dtd">  
        <html>  
        <head>  
        <title>Unbenanntes Dokument</title>  
        <style type="text/css">  
        .bord{  
          padding:4px;  
          background:#FFF;  
          border:1px solid #333}  
        </style>  
        </head>  
        <body>  
        <img src="firetux.png" height="80" width="60" class="bord" alt="" />  
        </body>  
        </html>  
        
        

        LG