Gruppen
- Top Gruppen
- Betriebsysteme
- Windows classik
- Linux
- BS-Sonstige
- Software
- Datenbanken
- Bildbearbeitung
- Audio/mp3/Video
- Security/Viren
- SW-Sonstige
- Hardware
- Mainboard/CPU
- Grafikkarten
- Peripherie
- Laptop/Notebook
- HW-Sonstiges
- Netzwerk
- Telefon,ISDN,Modem
- W-Lan
- NW-Sonstiges
- Programmierung
- PHP,ASP,Perl...
- Java,C++...
- Webseiten/HTML
- Sonstiges
- PC-Sonstiges
- Plauderecke
- SN Intern
- Test
/ Forum / Webseiten/HTML
Webseiten/HTML
Fragevon Harvey17 vom 01.08.2021, 16:47 Options
Homepage Fotoalbum anordnen
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?
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?
Antwort 1 von __abschweb__ vom 01.08.2021, 17:20 Options
hallo Harvey17,
ich verstehe dein Problem nicht.
Deine beiden Beispielbilder unterscheiden sich bei mir nur geringfügig in der Farbe.
Gruß
Manfred
ich verstehe dein Problem nicht.
Deine beiden Beispielbilder unterscheiden sich bei mir nur geringfügig in der Farbe.
Gruß
Manfred
Antwort 2 von basteltante vom 01.08.2021, 17:20 Options
Hallo Harvey.
Hat dein 06.jpeg vielleicht oben einen "unsichtbaren" Rand, der den Abstand herstellt?
LG
basteltante
Hat dein 06.jpeg vielleicht oben einen "unsichtbaren" Rand, der den Abstand herstellt?
LG
basteltante
Antwort 3 von Harvey17 vom 01.08.2021, 17:24 Options
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.
Antwort 4 von basteltante vom 01.08.2021, 17:38 Options
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
_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
Antwort 5 von Harvey17 vom 02.08.2021, 13:39 Options
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.
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.
Antwort 6 von kicia vom 06.08.2021, 08:38 Options
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)
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)
Ähnliche Themen
Wie erstellt man eine Webseite / Homepage (html)?
derpfleger 26.01.2008 - 19494 Hits - 5 Antworten
Homepage Anbieter
_peter_2008_ 11.02.2008 - 70 Hits - 5 Antworten
einfache Homepage
taichi 15.05.2008 - 62 Hits - 13 Antworten
Design (Homepage)
Lukas34 17.08.2008 - 55 Hits - 2 Antworten
Homepage
aachenerdiabolos 23.04.2009 - 274 Hits - 2 Antworten
Hinweis
Diese Frage ist schon etwas älter, Sie können daher nicht mehr auf sie antworten. Sollte Ihre Frage noch nicht gelöst sein, stellen Sie einfach eine neue Frage im Forum..
Neue Einträge
