meine Scrollbox lässt sich nicht füllen

Valesca78 · 07.05.2010

Hallo meine Lieben,

seit zwei Tagen durchforste ich das Netz nach einer Lösung und bin der Verzweiflung nahe, dabei wird die Lösung wahrscheinlich mal wieder auf der Hand liegen

mein Problem:

ich versuche in meiner Homepage eine Gallerie zu erstellen, die in einer Scrollbox liegen soll, soweit ja nix schlimmes, es sieht auch schon alles super toll aus, Scrollbox ist da, das erste Bild auch, aber möööp ich kann kein weiteres Bild einfügen

so sieht mein code im Moment aus:

<tr>
<td rowspan="19">
<div style="width:750px;height:422px;overflow-y:hidden;overflow-x:scroll;">
<img src="Bilder/StudioIndoorGallerie_Bilder.jpg" height="421" alt=""></td>
<td><img src="Bilder/Abstandhalter.gif" width="1" height="1" alt=""></td>
</tr>

Hab ich was falsch gemacht oder was übersehen?Oder stehe ich völlig auf dem Schlauch und es geht so gar nicht? Ja ich bin Neuling, ja ich habe die Suchfunktion genutzt, ja ich bin traurig....

Freu mich riesig über evtl. Hilfe

lg

cebito · 07.05.2010

AW: meine Scrollbox lässt sich nicht füllen

Vielleicht solltest du mal den ganzen code posten und vielleicht noch ein/zwei Screenshots dazu, wie du es dir vorstellst (klick mal meine Signatur, da hat sich einer sehr viel Mühe gegeben zu eklären, wie du die schnellste und beste Hilfe bekommst). Dein code von oben ist ziemlicher Nonsens, Tabellen sind fürs Layouten nicht geeignet/gedacht. Der div den du dann da drin eröffnest (völliger Kauderwelsch) ist nicht geschlossen, oder schließt du ihn erst weiter unten, was ja mal überhaupt nicht funktionieren kann. Hast du den code mit PS generiert? Abstandhalter und co. braucht kein Mensch, wie gesagt, zeig mal dein Layout und wie du dir das mit deinem Bilderscroller vorstellst - das kriegen wir schon gebacken

Valesca78 · 07.05.2010

Hallo da ist ja schon jemand, der helfen möchte, das ist lieb :eek:

)

also hier schon mal ein Bild wie es im Moment aussieht (siehe unten) da sieht man ja schon einen Scrollbalken genau unter dem Bild, ja und da sollen jetzt rechts weitere Bilder eingefügt werden können, die dann nach rechts zu scrollen gehen, ich möchte aber die linke Seite mit dem Verzeichnis da stehen haben, also die soll nicht mitscrollen

und hier ist mein ganzer Code dieser Seite (bitte nicht hauen, ich versuche, an ein Ziel zu kommen, so gut es eben geht :eek:

))

Den Anfang habe ich mit PS gemacht, dann gescliced und nun passe ich alles so an, wie es soll naja, mehr oder weniger....

HTML:

<html>
<head>
<title>VerenaValescaStudioIndoorGallerie</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table id="Tabelle_01" width="1001" height="580" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="4"><a href="index.html"><img src="Bilder/HomepageSeite2StudioIndoorGallerie_01.jpg" width="244" height="41" border="0" alt=""></a></td>
<td colspan="2" rowspan="3"><img src="Bilder/HomepageSeite2StudioIndoorGallerie_02.jpg" width="756" height="112" alt=""></td>
<td><img src="Bilder/Abstandhalter.gif" width="1" height="41" alt=""></td>
</tr>
<tr>
<td colspan="3"><img src="Bilder/HomepageSeite2StudioIndoorGallerie_03.jpg" width="181" height="68" alt=""></td>
<td rowspan="24"><img src="Bilder/HomepageSeite2StudioIndoorGallerie_04.jpg" width="63" height="539" alt=""></td>
<td><img src="Bilder/Abstandhalter.gif" width="1" height="68" alt=""></td>
</tr>
<tr>
<td colspan="3" rowspan="3"><a href="studioindoorgallerie.html"><img src="Bilder/HomepageSeite2StudioIndoorGallerie_05.jpg" width="181" height="27" border="0" alt=""></a></td>
<td><img src="Bilder/Abstandhalter.gif" width="1" height="3" alt=""></td>
</tr>
 
 
 
<tr>
<td rowspan="19">
<div style="width:750px;height:422px;overflow-y:hidden;overflow-x:scroll;">
<img src="Bilder/StudioIndoorGallerie_Bilder.jpg"  height="421" alt=""></td>
<td><img src="Bilder/Abstandhalter.gif" width="1" height="1" alt=""></td>
</tr>
 
 
 

<tr>
<td rowspan="18"><img src="Bilder/HomepageSeite2StudioIndoorGallerie_08.jpg" width="118" height="420" alt=""></td>
<td><img src="Bilder/Abstandhalter.gif" width="1" height="23" alt=""></td>
</tr>
<tr>
<td colspan="3"><img src="Bilder/HomepageSeite2StudioIndoorGallerie_09.jpg" width="181" height="22" alt=""></td>
<td><img src="Bilder/Abstandhalter.gif" width="1" height="22" alt=""></td>
</tr>
<tr>
<td colspan="3"><a href="outdoorgallerie.html"><img src="Bilder/HomepageSeite2StudioIndoorGallerie_10.jpg" width="181" height="27" border="0" alt=""></a></td>
<td><img src="Bilder/Abstandhalter.gif" width="1" height="27" alt=""></td>
</tr>
<tr>
<td colspan="3"><img src="Bilder/HomepageSeite2StudioIndoorGallerie_11.jpg" width="181" height="19" alt=""></td>
<td><img src="Bilder/Abstandhalter.gif" width="1" height="19" alt=""></td>
</tr>
<tr>
<td colspan="3"><a href="eroticgallerie.html"><img src="Bilder/HomepageSeite2StudioIndoorGallerie_12.jpg" width="181" height="27" border="0" alt=""></a></td>
<td><img src="Bilder/Abstandhalter.gif" width="1" height="27" alt=""></td>
</tr>
<tr>
<td colspan="3"><img src="Bilder/HomepageSeite2StudioIndoorGallerie_13.jpg" width="181" height="23" alt=""></td>
<td><img src="Bilder/Abstandhalter.gif" width="1" height="23" alt=""></td>
</tr>
<tr>
<td colspan="2"><a href="artworkgallerie.html"><img src="Bilder/HomepageSeite2StudioIndoorGallerie_14.jpg" width="180" height="26" border="0" alt=""></a></td>
<td rowspan="8"><img src="Bilder/HomepageSeite2StudioIndoorGallerie_15.jpg" width="1" height="193" alt=""></td>
<td><img src="Bilder/Abstandhalter.gif" width="1" height="26" alt=""></td>
</tr>
<tr>
<td colspan="2"><img src="Bilder/HomepageSeite2StudioIndoorGallerie_16.jpg" width="180" height="23" alt=""></td>
<td><img src="Bilder/Abstandhalter.gif" width="1" height="23" alt=""></td>
</tr>
<tr>
<td colspan="2"><a href="beforeaftergallerie.html"><img src="Bilder/HomepageSeite2StudioIndoorGallerie_17.jpg" width="180" height="25" border="0" alt=""></a></td>
<td><img src="Bilder/Abstandhalter.gif" width="1" height="25" alt=""></td>
</tr>
<tr>
<td colspan="2"><img src="Bilder/HomepageSeite2StudioIndoorGallerie_18.jpg" width="180" height="23" alt=""></td>
<td><img src="Bilder/Abstandhalter.gif" width="1" height="23" alt=""></td>
</tr>
<tr>
<td><a href="moments.html"><img src="Bilder/HomepageSeite2StudioIndoorGallerie_19.jpg" width="179" height="24" border="0" alt=""></a></td>
<td rowspan="2"><img src="Bilder/HomepageSeite2StudioIndoorGallerie_20.jpg" width="1" height="48" alt=""></td>
<td><img src="Bilder/Abstandhalter.gif" width="1" height="24" alt=""></td>
</tr>
<tr>
<td><img src="Bilder/HomepageSeite2StudioIndoorGallerie_21.jpg" width="179" height="24" alt=""></td>
<td><img src="Bilder/Abstandhalter.gif" width="1" height="24" alt=""></td>
</tr>
<tr>
<td colspan="2"><a href="shootinginfopreise.html"><img src="Bilder/HomepageSeite2StudioIndoorGallerie_22.jpg" width="180" height="25" border="0" alt=""></a></td>
<td><img src="Bilder/Abstandhalter.gif" width="1" height="25" alt=""></td>
</tr>
<tr>
<td colspan="2"><img src="Bilder/HomepageSeite2StudioIndoorGallerie_23.jpg" width="180" height="23" alt=""></td>
<td><img src="Bilder/Abstandhalter.gif" width="1" height="23" alt=""></td>
</tr>
<tr>
<td colspan="3"><a href="pimpyourpicsinfopreise.html"><img src="Bilder/HomepageSeite2StudioIndoorGallerie_24.jpg" width="181" height="22" border="0" alt=""></a></td>
<td><img src="Bilder/Abstandhalter.gif" width="1" height="22" alt=""></td>
</tr>
<tr>
<td colspan="3"><img src="Bilder/HomepageSeite2StudioIndoorGallerie_25.jpg" width="181" height="26" alt=""></td>
<td><img src="Bilder/Abstandhalter.gif" width="1" height="26" alt=""></td>
</tr>
<tr>
<td colspan="2"><a href="contact.html"><img src="Bilder/HomepageSeite2StudioIndoorGallerie_26.jpg" width="180" height="24" border="0" alt=""></a></td>
<td rowspan="5"><img src="Bilder/HomepageSeite2StudioIndoorGallerie_27.jpg" width="1" height="85" alt=""></td>
<td><img src="Bilder/Abstandhalter.gif" width="1" height="24" alt=""></td>
</tr>
<tr>
<td colspan="2" rowspan="2"><img src="Bilder/HomepageSeite2StudioIndoorGallerie_28.jpg" width="180" height="24" alt=""></td>
<td><img src="Bilder/Abstandhalter.gif" width="1" height="14" alt=""></td>
</tr>
<tr>
<td colspan="2" rowspan="3"><img src="Bilder/HomepageSeite2StudioIndoorGallerie_29.jpg" width="756" height="47" alt=""></td>
<td><img src="Bilder/Abstandhalter.gif" width="1" height="10" alt=""></td>
</tr>
<tr>
<td colspan="2"><a href="impressum.html"><img src="Bilder/HomepageSeite2StudioIndoorGallerie_30.jpg" width="180" height="23" border="0" alt=""></a></td>
<td><img src="Bilder/Abstandhalter.gif" width="1" height="23" alt=""></td>
</tr>
<tr>
<td colspan="2"><img src="Bilder/HomepageSeite2StudioIndoorGallerie_31.jpg" width="180" height="14" alt=""></td>
<td><img src="Bilder/Abstandhalter.gif" width="1" height="14" alt=""></td>
</tr>

</table>
</body>
</html>

uups hier das derzeitige Ergebnis

Llynyania · 07.05.2010

AW: meine Scrollbox lässt sich nicht füllen

Och so eine schöne Seite, aber so geht das nicht.

Wo anfangen... such doch mal nach css-Vorlagen. Da gibts bestimmt welche, die so angeordnet sind, wie du es schon hast. Du hast dann weniger html-tags, bist tabellenfrei und eigentlich schneller, als wenn hier das layout zerstückelt wird und jeder nur Schnipsel beisteuert.

Das wäre mein Rat. Mit PS kann man keine Webseiten erstellen, da der output bissel veraltet ist.

Grüßle

cebito · 07.05.2010

AW: meine Scrollbox lässt sich nicht füllen

Ohne jetzt weiter an deinem code rumzumäkeln, schließe deinen div und gib ihm auch noch ein whitespace:nowrap; mit. Weitere Bilder einfach nacheinander innerhalb von <div> und </div> einfügen - siehe Beispiel:

HTML:

<div style="width:750px; height:422px; overflow-y:hidden; overflow-x:scroll; white-space:nowrap;">
    <img src="Bilder/StudioIndoorGallerie_Bilder.jpg"  height="421" alt="">
    <img src="Bilder/StudioIndoorGallerie_Bilder2.jpg"   height="421" alt="">
    <img src="Bilder/StudioIndoorGallerie_Bilder3.jpg"   height="421" alt="">
</div>

Edit: und kann mich sonst auch nur Llynyania anschließen, was man ja auch schon aus meinem ersten Post rausliest

Valesca78 · 07.05.2010

Lieber Cebito,

DU BIST MEIN HELD!!!!!!!!!!!! Yiepppiiiieeeee

man ich tanz hier gerade durchs Zimmer

Dankeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee es geht

Ist so lieb von euch :blumen:

so geht es ja erst mal, css hab ich mich auch schon mal mit versucht, aber bevor ich nur noch mit dem Kopf vor die Wand renne, weil alles zu viel wird, lass ich erst mal so und nach und nach und nach.......