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

Bilder Anordnung

Dieses Thema im Forum "Alles rund HTML und XHTML" 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.134
    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