Homepage Fotoalbum anordnen

Question

Hi
ich möchte eine fotocollage erstellen mit kleinen mini Bildern.

Ich hab mal nin Beispiel gemacht. http://besserkotzen.be.funpic.de/1.jpg
so möchte ich es gerne haben.

ich krig es aber nur so hin. http://besserkotzen.be.funpic.de/2.jpg

der HTML code sieht an der stell so aus:
--------------------------------------------------
<div style="width:671px; height:422px;">

<img src="../../homepage/Bilder/Album_01/01.jpg" alt="01" style="float:left;" />
<img src="../../homepage/Bilder/Album_01/02.jpg" alt="01" style="float:left;" />
<img src="../../homepage/Bilder/Album_01/03.jpg" alt="01" style="float:left;" />
<img src="../../homepage/Bilder/Album_01/04.jpg" alt="01" style="float:left;" />
<img src="../../homepage/Bilder/Album_01/05.jpg" alt="01" style="float:left;" />
<img src="../../homepage/Bilder/Album_01/06.jpg" alt="01" style="float:left;" />

</div>
--------------------------------------------------

wie kann ich das problem lösen?

Answer 1

hallo Harvey17,

ich verstehe dein Problem nicht.
Deine beiden Beispielbilder unterscheiden sich bei mir nur geringfügig in der Farbe.

Gruß
Manfred

Answer 2

Hallo Harvey.

Hat dein 06.jpeg vielleicht oben einen "unsichtbaren" Rand, der den Abstand herstellt?

LG
basteltante

Answer 3

ne es gibt keinen rand und der unbterschied ist nicht die farbe sondern das der abstand zwischen den bildern einmal da ist und einmal nicht.

Answer 4

Hallo nochmal.

_abschweb_ war schneller, aber wenn das bei ihm so ist, ist das möglicherweise auch ein Browser-Problem.

Bei mir im Firefox 3.0.11 oder Opera 9.52 sehe ich, dass "06.jpeg " (unter 02+03) zu den oberen einen Abstand hat.
Wenn ich den Code teste, ist er in beiden Browsern weg.
Kontrolliere mal 06 auf einen oberen Rand.

LG basteltante

Answer 5

so ich versuch mich mal besser aus zudrücken.

ich möchte gerne eine fotocollage machen.
ich möchte das die bilder wie in dem beispiel bild angeordnet sind.
--> http://besserkotzen.be.funpic.de/1.jpg <--
das beispiel ist nur zustande gekommen weil ich es mit photoshop bearbeitet habe.
jede farbfläche soll ein bild darstellen.

bei mir wird bild 06.jpg immer mit einem größeren abstand zum oberen bild 02.jpg und 03.jpg angezeigt, in safari fierfox und i-explorer.

Answer 6

Die Bilder, die untereinander sein sollen, müssen in einem eigenen Container stehen. Das float muss dann für den Container notiert werden, statt für die Bilder darin.

Das letzte Bild wird nur deshalb unter den anderen angezeigt, weil rechts kein Platz mehr ist. Der Browser entscheidet sich also, es in die nächste Zeile zu setzen, aber unterhalb von allen anderen "fliessenden" Bildern (Das erste "fliesst" nicht). Darum ist die oberkante des letzten Bildes auf höhe der Unterkante des vorletzten (bzw. des höchsten in der vorigen Zeile)