Bilder als Menü die sich anpassen

  • Hallo,

    ich erstelle gerade meine eigene Website. Ich habe allerdings noch nicht so viel Erfahrung mit HTML und deswegen eine Frage an euch.
    Und zwar möchte ich als Menü einfach nur im index Fotos (alle gleiches Format) die in einem gleichen Abstand zueinander aufgelistet werden sollen und die sich je nach Größe des Browserfensters auf die ganze Seite verteilen. Also zB 4x5 Fotos oder dann bei kleinerem Fenster 5x4 Fotos nebeneinander.
    Wie ordne ich diese Menü-Fotos am besten an? Wenn ich einfahc nur die Fotos nacheinander einfüge, dann passen sie sich nicht an die Fenstergröße an und wenn ich sie als Liste mache werden sie automatisch untereinander angeordnet..


    Danke schon mal und Grüße.

  • Auszug aus den Forenregeln:

    Zitat

    Inhalt von Beiträgen:
    [FONT=Verdana, Arial, Helvetica, sans-serif]Forum-Hilfe behält sich das Recht vor, jederzeit Beiträge zu löschen, zu verschieben oder zu überarbeiten, die nicht den Forumsregeln entsprechen. Dies geschieht ohne vorherige Information des Verfassers. Die User ist alleine für die von ihnen publizierten Inhalte (Texte; Bilder oder andere Veröffentlichungen) verantwortlich und bestätigt auch damit, das er keine Copyrightgeschütze Werke und Texte hier im Forum veröffentlicht.
    Verboten oder auch unerwünscht sind folgende Inhalte: [/FONT]

    • [FONT=Verdana, Arial, Helvetica, sans-serif]extrem politisch oder religiös orientierte Postings [/FONT]
    • [FONT=Verdana, Arial, Helvetica, sans-serif]strafbare, pornographische, jugendgefährdende, beleidigende oder ehrverletzende Inhalte[/FONT]
    • [FONT=Verdana, Arial, Helvetica, sans-serif]Warez oder fremde copyrightgeschütze Werke [/FONT]
    • [FONT=Verdana, Arial, Helvetica, sans-serif]E-Mail Adressen [/FONT]
    • [FONT=Verdana, Arial, Helvetica, sans-serif]Songtexte [/FONT]
    • [FONT=Verdana, Arial, Helvetica, sans-serif]persönliche Angaben wie Telefonnummern, Adressen usw (diese bitte per PN austauschen) [/FONT]
    • [FONT=Verdana, Arial, Helvetica, sans-serif]oder anderweitig inakzeptabel Postings, die hier nicht erfasst wurden, aber gegen geltendes Recht, die guten Sitten, allgemeines Moralempfinden oder eben gegen die Forenregeln verstossen.[/FONT]
    • Crosspostings - die gleiche Frage in mehreren anderen Foren gleichzeitig stellen
  • Per CSS dem Image einen float - Wert geben, so werden die Images alle nebeneinander gepackt und sobald kein Platz mehr ist erfolgt ein Umbruch.

    Code
    #deinImageHalter img {
          float: left;
          width: breitedesBildes;
          height: höhedesBildes;
    }