[HTML] Bild in Bild ?

Dieses Thema im Forum "Webdesign" wurde erstellt von sun0025, 13. September 2012 .

Schlagworte:
  1. 13. September 2012
    Zuletzt von einem Moderator bearbeitet: 14. April 2017
    Bild in Bild ?

    Hi,

    hab da ne Frage und zwar wie kann ich in HTML, solche Seiten darstellen :


    Bild

    ?

    Es geht mir hauptsächlich darum wie ich bilder auf bildern darstellen kann, also mann hat eine hintergrundfläche in einer farbe und legt dort eine kleine eben in einer anderen Farbe drauf ?

    so far
    sun
     
  2. 13. September 2012
    Zuletzt bearbeitet: 13. September 2012
    AW: Bild in Bild ?

    Edit fiddle - JSFiddle

    Das "padding" bei #hinten ist der Innenabstand zum nächsten Element.
    Der rechnet sich auf die Breite/Höhe drauf..
    Also 50 (Breite) + 25 (Abstand links) + 25 (Abstand rechts) = 100..
    Gleiches gilt für die Höhe..

    Und mit Bildern machste das halt mit "background-image" oder halt mit dem Img-Element.
     
  3. 13. September 2012
    AW: Bild in Bild ?

    position:relative
    position:absolute
    top oder bottom:0px
    left oder right:0px
    z-index:0

    Damit kannst du mit "Ebenen arbeiten".
    Sprich du kannst transparente Bilder vor Div's legen / hinter den Text legen.
     
  4. 15. September 2012
    AW: Bild in Bild ?

    Wozu mehrere Bilder? Es ist auch möglich alles als ein Bild umzusetzen. Gibt sehr viele Möglichkeiten wie du die Seite umsetzen kannst. Alles eine Frage der Anforderung.
     
  5. 26. September 2012
    AW: Bild in Bild ?

    wenn das alles in einem geht wie würd ich das dann umsetzten ?

    so far
    sun
     
  6. 28. September 2012
    Zuletzt bearbeitet: 28. September 2012
    AW: Bild in Bild ?

    Schau dir doch einfach mal hier Mr Cherng Restaurant - ALL YOU CAN EAT! den Quelltext mit dem Firefox Add-on "Firebug" an. Dann siehst du wie er es umgesetzt hat.

    Allerdings ist diese Seite mit tables umgesetzt worden. Das sollte man heutzutage unbedingt vermeiden.

    Daher empfehle ich dir die Lösungsvorschläge der User hier
     
    1 Person gefällt das.
  7. 1. Oktober 2012
    AW: Bild in Bild ?

    einfach 2 divs übereinnander legen padding reinhaun und fertig? wo ist das problem? solltest du das nicht hinbekommen dann solltest du nochmal von anfang an anfangen mit tutorials sonst seh ich da kein sinn...

    edit: @ rush ... meinst du wirklich der kennt sich mit firebug aus und kann das alles verstehen wenn er netmal 2 divs übereinander legen kann?

    soll jetzt net böse gemeint sein jeder hat mal angefangen aber nen grundwissen sollte doch da sein..
     
  8. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.