Horizontal Scrolling + Bilder anstelle von Scrollbars

hey,
also ich bin grade dabei, eine portofolio zu machen. Hab halt so zur probe schon eine seite gemacht.
Jetzt hab ich halt schon eine div-tabelle gemacht und habe einen hässlichen Scrollbalken ( horizontal ).
MH jetzt hab ich einen Code gefunden, wie man diesen Scrollbalken durch kleine pfeil bilder ersetzen kann!
Hab alles so gemacht aber es klappt trotzdem nicht :frowning:
Kann einer mir helfen?

Ist mein code doch falsch?
Hier mal der Quelltext von meiner seite:
[html]

L A L A L A L A L A L A div#wn { position:relative; width:380px; height:280px; overflow:hidden; }

S C R O L L I N G

    </tr>
</table>
</div>

Back to index

[/html]

Ich sehe da keine „Div Tabelle“ nur unnützen Tabellen müll…
Zudem empfehle ich dir für HTML Code [noparse][code][/noparse] zu verwenden da [noparse][html][/noparse] manchmal spinnt :wink:

Oh-uh, das ist ja schon seelische Vergewaltigung! „div-Tabelle“!

und habe einen hässlichen Scrollbalken ( horizontal ).

Dass ist entweder Dein Inhalt zu breit oder Du hast irgendwo Abstände, die nicht sein sollten.

jetzt hab ich einen Code gefunden, wie man diesen Scrollbalken durch kleine pfeil bilder ersetzen kann!

So dass der normale Nutzer nicht weiß, wie er den Inhalt scrollen kann? Weil er seine gewohnten Scrollbalken nicht findet?
Auf einer Website würde ich von solchen Spielereien aufgrund der Usability dringend abraten.

Gruß,
-Efchen

alsooo
es ist so.

Ich erkläre es mal als beispiel:

Bild1 Bild 2 Bild 3 Bild 4 Bild 5 Bild 6 und so weiter
Darunter ist natürlich ein scrollbalken, weil mehr Bilder da sind, als die seite breit sein kann!

So. Ich habe eine div-box erstellt, deshalb muss man nur den bereich wo die bilder sind scrollen.

Aber, die scrollbar, wollte ich mit 2 pfeilen ersetzen.
Wie z.B. hier: P O R T F O L I O - 89outtakes & 88steps.

Nur da scrollt man von oben nach unten, ich will es halt horizontal.
Wo ist also der fehler? hier dann nochmal mein script:

[code]

L A L A L A L A L A L A div#wn { position:relative; width:380px; height:280px; overflow:hidden; }

S C R O L L I N G

    </tr>
</table>
</div>

Back to index

[/code]