[CSS] Bild über Bild

Dieses Thema im Forum "Webdesign" wurde erstellt von BHfanatico, 14. September 2011 .

Schlagworte:
Status des Themas:
Es sind keine weiteren Antworten möglich.
  1. 14. September 2011
    Bild über Bild

    also hab gegoogelt aber den passenden code find eich nicht

    das ding is kann NULL html oder css brauch auch nur einen code und zwar:


    -ich hab nen hintergrund bild das soll fixiert sein und für jede auflösung sein es soll sich nicht scallieren größer oder kleiner werden aber immer zentriert sein egal wie groß ich das fenster zieh
    -darüber soll ein bild sein, was annimiert is (*.gif) dh ein teil vom hintergrund wird annimiert und dass die gif nicht zu groß is und lange ladezeiten verursacht hab ich den teil vom hintergrund "rauskopiert" und dieses bild ca. 400x200 px annimiert und das soll jetzt fest überm hintergrund sein als währe es wieder ein bild
    -die seite soll nicht makiert werden können ,so das man nicht sieht dass es 2 bilder sind
    -seite soll nicht scrollbar sein


    Umsetzbar?
    zu viel verlangt?
    BW is selbstverständlich und falls ich bei irgendwas helfen kann einfach fragen
    is ja nicht so dass ich nix für tun würd

    hab gegoogelt um 2 codes zusammen zu schnippseln...habs mit frontpage probiert, aber wer es kennt weiß....

    daher probier ichs jetzt mal hier

    würd mich auf schnelle antworten freuen

    BHfanatico
     
  3. 14. September 2011
    AW: Bild über Bild

    Zu viel verlangt.

    Bzw. recht sinnlos. 400 x 200 px inner Hintergrundgrafik ist nicht sonderlich groß, du musst dir da nicht um Ladezeiten Sorgen machen!!!

    Die Hintergrundgrafik machst du mit position: absolut, height: 100%, width: 100% ganz genau zur Größe des Browsers.

    Wenn du das willst.

    Das mitn nicht markieren kannst nicht so ohne weiteres machen!
     
  4. 14. September 2011
    AW: Bild über Bild

    die annimation is ca400x200 der hinter grund 1200x1000 und das als animiertes gif?!?!
     
  5. 14. September 2011
    AW: Bild über Bild

    An sich ist es möglich:

    Der Rote Rahmen ist direkt auf das Hintergrundbild gezeichnet um zu zeigen das die Position immer Korrekt ist.

    Der Blaue kasten ist ein Div mit einem Blauen Hintergrund, hier kann dein GIF eingesetzt werden.

    http://nanobyte-online.de/versuchslabor/rrb-t800519/

    In dem Beispiel habe ich position:fixed benutzt, man könnte auch position:absolute nutzen.
     
  6. 14. September 2011
    AW: Bild über Bild

    oh, das mitn hintergrund falsch verstanden.

    Aber was willst du mit der Animation??

    Ich verstehe das so: du willst einfach einen Hintergrund und darüber ein BIld, oder nicht???
     
  7. 15. September 2011
    AW: Bild über Bild

    genau und dass das kein annimiertes bild von 2000x1200 px wird hab ich die annimation extra gemacht die dann 400x200 px hat
     
  8. 15. September 2011
    Zuletzt von einem Moderator bearbeitet: 14. April 2017
    AW: Bild über Bild

    okay dass es verständlicher wird

    www.ersice.de

    und darüber soll diese annimation


    Bild
    {img-src: http://img-uploader.de/di-NW7D.gif}



    aber so fixiert, dass wenn man IE FF kleiner oder größer macht die annimation immer am richtigen fleck bleibt


     
  9. 15. September 2011
    AW: Bild über Bild

    okay dank Nanobyte seinem code hab ichs hinbekommen VIEL VIEL DANK an dieser stelle
    wenn ich was tun kann melden

    DANKEEEEE
     
  10. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.