Ergebnis 1 bis 5 von 5

Thema: Verschachtelte Div-Container mit dynamischen background image

  1. #1
    HTML Newbie
    Registriert seit
    07.06.2012
    Beiträge
    3
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Verschachtelte Div-Container mit dynamischen background image

    Hallo,


    ich habe leider ein Problem mit der Layout-Umsetzung eines Warenkorbs. Ich habe trotz mehrstündiger Suche im Internet keine Lösung dafür gefunden.


    Die meisten Divs kann ich problemlos umsetzen und der Hintergrund wird auch richtig angezeigt.
    Nur der schräge Schatten der Einkaukstüte macht nicht mit. Der schräge Schatten (Linker Div) soll in Height 100% sein. Ich dachte, ich probiere es mit dem Strecken. Hat auch nicht geholfen.

    Warenkorb.JPGEgal, wie ich das Layout schneide, Warenkorb1.JPG


    Eventuell hätte jemand von euch eine Idee, wie man dies umsetzen kann.

    Ich bin echt dankbar für jede Hilfe!

    Vielen Dank im Voraus
    Amro
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Samurai Avatar von Bleistift
    Registriert seit
    20.03.2012
    Alter
    21
    Beiträge
    235
    Danke
    0
    Bekam 4 mal "Danke" in 4 Postings

    Standard AW: Verschachtelte Div-Container mit dynamischen background image

    Code:
    box-shadow: 5px 5px 20px rgb(80,90,100);
    -webkit-box-shadow: 5px 5px 20px rgb(80,90,100);
    -moz-box-shadow: 5px 5px 20px rgb(80,90,100);
    Das wäre ein normaler Schatten mit CSS3.
    Du kannst das Bild doch aber auch Spiegeln in einem Imageeditor, oder nicht ?
    Hintergrundfarbe weiß und dann geht das eigentlich auch.


  3. #3
    HTML Newbie
    Themenstarter

    Registriert seit
    07.06.2012
    Beiträge
    3
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Verschachtelte Div-Container mit dynamischen background image

    Hallo Bleistift,

    vielen Dank für Deine schnelle Antwort!

    Aber ich glaube, ich habe mich nicht ganz richtig ausgedrückt. Im Layout ist der Schatten mit integriert.
    warenkorb1.jpg warenkorb2.jpg

    Es geht mir eigentlich nur darum, dass dieser schräge Schatten mit lang gezogen (gestreckt) wird.
    wäre die linke Seite(der schräge Schatten) genau so gerade wie rechts, dann hätte ich kein Problem (einfach drei DIVs).

    Ich werde mal weiter testen und wenn ich die Lösung habe, werde ich sie hier posten.

    Vielen Dank noch mal für Deine Antwort
    Amro

  4. #4
    Forum Guru Avatar von synaptic
    Registriert seit
    20.06.2007
    Ort
    Butzbach-Wiesental
    Beiträge
    10.901
    Danke
    45
    Bekam 48 mal "Danke" in 46 Postings
    Blog-Einträge
    1

    Standard AW: Verschachtelte Div-Container mit dynamischen background image

    du wirst keinen schrägen schatten haben können, der sich kachelt, das is rein grafisch doch schon nich möglich, da sich der schatten neu skalieren muss.
    du könntest den schattentiefer anfangen lassen und über dem beginn des schattens des kacheln durchführen, so dass der schatten immer gleich bleibt.
    dein vorhaben is nich umsetzbar

    edit:

    ich würd den schatten nach rechts setzen und nach unten, schau dir mal die umsetung bei otto.de in der bunten hauptnavi an, da siehste was ich meine
    KEIN support via pn, email, messenger oder falsch geposteten threads
    Futter für deine Schnuffelzwerge gibts bei den Schnuffelzwergen TOP Qualität, also klicken und kaufen

  5. #5
    HTML Newbie
    Themenstarter

    Registriert seit
    07.06.2012
    Beiträge
    3
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Verschachtelte Div-Container mit dynamischen background image

    Hallo Synaptic,

    Vielen Dank für Deine Antwort!

    Ich habe es jetzt mit drei DIVS gelöst: head(feste Größe), middle(dynamisch repeat-y) und bottom(auch feste Größe)

    .head{
    width: 180px;
    height: 80px;
    background-image: url(../images/cart-head.png);
    background-repeat: no-repeat;
    float:left;
    }
    .middle{
    width: 180px;
    height: 100%;
    background-image: url(../images/cart-middle.png);
    background-repeat:repeat-y;
    margin:0 0;
    float:left;
    }

    .middle-text{
    width: 160px;
    padding:0 10px 0 10px;
    }

    .bottom{
    width: 180px;
    height: 50px;
    background-image: url(../images/cart-bottom.png);
    background-repeat: no-repeat;
    margin:0 0;
    float:left;
    }

    Es sieht jetzt einigermaßen gut aus.


    vielen Dank noch mal für deine Antwort!

    Amro

Ähnliche Themen

  1. Verschachtelte Container
    Von Hauer im Forum HTML & CSS Forum
    Antworten: 4
    Letzter Beitrag: 10.06.2010, 14:57
  2. background-image im FF
    Von Kroan im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 26.10.2009, 18:10
  3. background-image
    Von Unregistriert im Forum HTML & CSS Forum
    Antworten: 4
    Letzter Beitrag: 19.10.2009, 07:44
  4. container background-color unsichtbar
    Von nova im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 27.05.2009, 16:35
  5. Div Container und HTML Change image ???
    Von sixx im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 05.06.2004, 00:08

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •