grafik ober und unterhalb einer box

Dieses Thema im Forum "Webdesign" wurde erstellt von .x-tra, 3. Februar 2009 .

Schlagworte:
  1. 3. Februar 2009
    also man stelle sich vor in einem forum wie diesem hier....

    habe da unten zwei boxen, zwei statistiken, diese boxen möchte ich sozusagen einrahmen/hervorheben.

    ein sich wiederholendes background-image ist klar.
    aber wie kann ich es mittels css div tags lösen, das über der oberen box ein rahmen_oben.gif und unterhalb der zweiten auch ein rahmen_unten.gif positioniert wird?


    könnte mir jemand kurz und knapp erläutern wie das funktioniert.
     
  2. 4. Februar 2009
    geht meines wissens nach (wenn ich dich richtig verstanden habe) mittels css alleine nicht. musst schon extra divs für den rahmen oben und Rahmen unten machen. zumindest wenn es bilder sein sollen!
     
  3. 4. Februar 2009
    ja das weiß ich ja..

    sagen wir ich hab

    .oben{
    background-image: oben....
    }

    .mitte{.....
    }

    .unten{...
    }

    und hab dann halt den codeblock der box in einer .html stehen.
    wie muss das dann überhaupt aussehen?
     
  4. 4. Februar 2009
    simple aber effektiv wäre das hier:

    Code:
    <img src="bildvomrandoben.jpg" alt="watweißich" />
    <div>das hier ist deine statistikbox</div>
    <img src="bildvomrandund.jpg" alt="watweißich" />
    
    wie du das ganze dann per css anordnest,gestaltest etc ist dann wieder ne andere sache...

    wenn ich dich richtig verstanden habe sollte das hier der einfachste und schnellste weg für die lösung deines problems sein. rein per css wäre es mir nicht bekannt das es machbar ist..

    hoffe konnte dir helfen.

    greeze
     
  5. 4. Februar 2009
    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>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Rahmen</title>
    <style>
    
    div#oben, div#unten, div#mitte {
     margin:0px;
    }
    
    </style>
    </head>
    
    <body>
    <div id="oben">Oben</div>
    <div id="mitte">Mitte</div>
    <div id="unten">Unten</div>
    </body>
    </html>
    Hier, falls ich dich richtig verstanden habe.
     
  6. 4. Februar 2009
    Ist dein Inhalt immer unterschiedlich groß?
    Also ändert sich die Höhe deines Divs?
    Wenn nein, dann würde ich eine Grafik nehmen, die diesen Rahmen hat.
    Wenn nein -> dynastors Lösung. 3 Divs, mittlerer ist flexibel. Oben und unten die Grafik und diese bleiben immer gleich groß.
     
  7. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.