1. Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!
    Information ausblenden

Bilder Anordnung

Dieses Thema im Forum "HTML, XHTML & CSS" wurde erstellt von BlackClown, 10 Januar 2013.

  1. BlackClown

    BlackClown Neues Mitglied

    Registriert seit:
    19 Juli 2011
    Beiträge:
    28
    Punkte für Erfolge:
    1
    Hey,

    ich bastel grad ein wenig mit html rum und möchte nun folgende Bild-Anordnung erstellen, wie man sie auf alextv.de sehen kann.
    (Dieses Menu mit den .gifs gefällt mir sehr :) )

    Nun hab ich das eben selbst versuch und dabei kam das heraus :

    fürsforum.jpg

    hier der Code :

    HTML:
    1. <img src="http://www.html.de/images/1.png" width="600" height="300" align="top">
    2. <img  src="http://www.html.de/images/2.png" width="200" height="600" border="0"  >
    3. <img src="http://www.html.de/images/3.png" width="600" height="300" >
    Ich möchte, dass Bild 3 genau unter Bild 1 ist.
    Wieso funktioniert das nicht ?
    Erkennt jmd den Fehler ?
     
    Werbung:

    Jetzt registrieren, damit diese Werbung verschwindet
  2. Cheffchen

    Cheffchen Senior HTML'ler

    Registriert seit:
    21 Oktober 2008
    Beiträge:
    3.139
    Punkte für Erfolge:
    63
    Hallo,

    also das macht man mit css mit float, einfach mal Suchen.
    da must bild 2 float:right machen und dann kommen im code die bilder 1 und 3 einfach hinter her.
    was für gifs?

    Cheffchen
     
  3. BlackClown

    BlackClown Neues Mitglied

    Registriert seit:
    19 Juli 2011
    Beiträge:
    28
    Punkte für Erfolge:
    1
    Danke dir :)
    Habs jetzt geschafft, dass Bild 1 links neben Bild 2 verläuft.
    Nun hab ich aber das Problem, dass plötzlich Bild 3 komplett verschwindet. Woran könnte das liegen ?
    ich bedanke mich schonma im voraus;)

    Oh, dachte das wären .gifs :D

    Habs übrigens mit html-codes probiert, statt mit css, weil ich so besser klarkomme...sollte ich es doch lieber mit css probieren den float einzubauen ?

    hier der Code :

    <img src="http://www.html.de/images/1.png" width="600" height="300">
    <img src="http://www.html.de/images/2.png" width="200" height="600" style="float:right;>
    <img src="http://www.html.de/images/3.png" width="600" height="300">

    lg
    BC

    EDIT//
    Danke, habs hingekriegt - wenn ihr trotzdem eine Lösung meines Problems posten wollt (für zukünftige User mit einem ähnlichen Problem - gerne :) )
     
    Zuletzt bearbeitet: 12 Januar 2013