Hallo zusammen,
Ich gestalte gerade eine eigene Webseite, komme aber auf einer Seite noch nicht zurecht.
Ich bin Anfänger, was das Gestalten von Htmls angeht und hab meine Kenntnisse von der Seite Selfhtml.
Aber mit fehlen noch einige Grundkenntnisse, deswegen bin ich hier :))
Gut, auf der Seite sollen Bilder dargestellt werden, ich habe den Html entwurf unten einmal bereitgestellt.
Das ganze soll dann wie im Html Text aufgebaut sein:
Überschrift,
darunter dann jeweils untereinander Bildname, Details und das Bild selbst.
daneben dann entsprechend mit weiteren Bildern fortfahren.
Die Webseite wird in einem Iframe Fenster angezeigt.
(1) Ich möchte nun, dass die Webseite von allein erkennt, wenn der Rand des Iframe Fensters erreicht ist und dann automatisch darunter ganz links mit den nächsten Bildern (Name, Details, Bild) weitermacht.
(2) Wenn alle Bilder angezeigt sind, möchte ich selbst erzwingen können, dass es in die nächste Zeile geht, also darunter ganz links neu anfangen soll.
der html text unten ist nur mein entwurf. wenn das auf andere weise besser geht oder etwas fehlt, sagt es bitte :)
mit tabellen arbeite ich bewusst nicht, weil ich nicht möchte, dass ich jedesmal genau definieren muss, wann eine neue Zeile/ Spalte anfängt. die html datei soll das von sich aus erkennen und am iframe Fenster rand eben "runterspringen".
ich hab das forum schonmal nach hilfe durchforstet, bin aber nicht wirklich fündig geworden.
danke für jede hilfe.
mfg,
<div style="position:absolute; top:20px; left:20px; width:300px">
<font size="+3"> <u>Pictures</u> </font> <br>
<p style="float:left; width:100px; padding-top:10px">
<b>Picture</b> <br>
Details <br>
<img src="Picture.jpg"> </p>
<p style="float:left; width:100px; padding-top:10px">
<b>Picture</b> <br>
Details <br>
<img src="Picture.jpg"> </p>
<p style="float:left; width:100px; padding-top:10px">
<b>Picture</b> <br>
Details <br>
<img src="Picture.jpg"> </p>
<p style="float:left; width:100px; padding-top:10px">
<b>Picture</b> <br>
Details <br>
<img src="Picture.jpg"> </p>
</div>
Ich gestalte gerade eine eigene Webseite, komme aber auf einer Seite noch nicht zurecht.
Ich bin Anfänger, was das Gestalten von Htmls angeht und hab meine Kenntnisse von der Seite Selfhtml.
Aber mit fehlen noch einige Grundkenntnisse, deswegen bin ich hier :))
Gut, auf der Seite sollen Bilder dargestellt werden, ich habe den Html entwurf unten einmal bereitgestellt.
Das ganze soll dann wie im Html Text aufgebaut sein:
Überschrift,
darunter dann jeweils untereinander Bildname, Details und das Bild selbst.
daneben dann entsprechend mit weiteren Bildern fortfahren.
Die Webseite wird in einem Iframe Fenster angezeigt.
(1) Ich möchte nun, dass die Webseite von allein erkennt, wenn der Rand des Iframe Fensters erreicht ist und dann automatisch darunter ganz links mit den nächsten Bildern (Name, Details, Bild) weitermacht.
(2) Wenn alle Bilder angezeigt sind, möchte ich selbst erzwingen können, dass es in die nächste Zeile geht, also darunter ganz links neu anfangen soll.
der html text unten ist nur mein entwurf. wenn das auf andere weise besser geht oder etwas fehlt, sagt es bitte :)
mit tabellen arbeite ich bewusst nicht, weil ich nicht möchte, dass ich jedesmal genau definieren muss, wann eine neue Zeile/ Spalte anfängt. die html datei soll das von sich aus erkennen und am iframe Fenster rand eben "runterspringen".
ich hab das forum schonmal nach hilfe durchforstet, bin aber nicht wirklich fündig geworden.
danke für jede hilfe.
mfg,
<div style="position:absolute; top:20px; left:20px; width:300px">
<font size="+3"> <u>Pictures</u> </font> <br>
<p style="float:left; width:100px; padding-top:10px">
<b>Picture</b> <br>
Details <br>
<img src="Picture.jpg"> </p>
<p style="float:left; width:100px; padding-top:10px">
<b>Picture</b> <br>
Details <br>
<img src="Picture.jpg"> </p>
<p style="float:left; width:100px; padding-top:10px">
<b>Picture</b> <br>
Details <br>
<img src="Picture.jpg"> </p>
<p style="float:left; width:100px; padding-top:10px">
<b>Picture</b> <br>
Details <br>
<img src="Picture.jpg"> </p>
</div>
