Scrollbox ohne Scrollleiste

CJS0815 schrieb am 04.05.2014 um 11:02 Uhr

Hallo,

als Nicht-HTML-Freak bin ich auf der Suche nach einer Technik in der ich innerhalb eines Rahmens (Box) mehrer Elemente (Fotos, Texte o.ä.) vertikal scrollen kann, das Ganze aber direkt in der Box ohne Scrollleiste.

Wie nennt sich das denn, nach was kann ich googeln - mir fehlen die Worte ;-)

 

Oder gibt es so etwas etwar schon im WebDesigner? (Habe aber nirgends nichts gefunden)

 

Vielen dank im Voraus

Claus 

Kommentare

BeRo schrieb am 04.05.2014 um 14:47 Uhr

Scrollen ohne Scroll Balken geht mit einem Touchscreen problemlos, mit einer Maus wird das schon schwieriger.

Unabhängig davon, wie Du Dir eine Lösung vorgestellt hast, könnte der Weg über Up/Down Buttons schon helfen, Deinen Wunsch zu realisieren.

Schau Dir dazu mal diesen Thread an, da habe ich eine entsprechende Lösung detailliert beschrieben. In den Kommentaren findest Du auch eine online Demo und eine lauffähige Projektdatei für eigene Experimente.

Viel Erfolg

Zuletzt geändert von BeRo am 04.05.2014, 14:47, insgesamt 1-mal geändert.

Auf den Tag genau gehen heute, am 14.08.2021, 10 Jahre online Support für die Community zu Ende.
Ich freue mich auf eine neue, berufliche Herausforderung, die sich gerade ergeben hat. Leider bleibt dann keine Zeit mehr für die Community übrig, aber Ihr seid bei den aktiven Mitgliedern in besten Händen.
Sicher schaue ich auch ab und zu nochmal rein... 🤓

CJS0815 schrieb am 04.05.2014 um 18:39 Uhr

Mein eigentliches Problem stellt sich jetzt ein wenig "differenzierter" dar: Ich bin einach  zu doof :-)

Nein mal im Ernst, was ich benötige ist:

Ein Script für eine einspaltige Tabelle in die ich anstatt Text Grafiken einfügen und diese Grafiken dann auch verlinken kann. Als Vorlage habe ich das Beispiel:

<div style=" height:400px; width:140px; font-size:16x; overflow-y:auto; overflow-x:hidden;  padding:0px;">

<table width="100%" border="0" cellspacing="3" cellpadding="2" >
    <tr bgcolor="#6945FA">
    </tr>
    <tr>
     <td WIDTH=100 HEIGHT=100><IMG SRC="laperla.jpg" ALT="Video1" BORDER=1></td>
    </tr>
    <tr>
      <td WIDTH=100 HEIGHT=100><IMG SRC="laperla2.jpg" ALT="Video2" BORDER=1></td>
    </tr>
    <tr>
      <td WIDTH=100 HEIGHT=100><IMG SRC="laperla3.jpg" ALT="Video3" BORDER=1></td>
    </tr>
    <tr>
      <td WIDTH=100 HEIGHT=100><IMG SRC="laperla4.jpg" ALT="Video4" BORDER=1></td>
    </tr>
    <tr>
      <td WIDTH=100 HEIGHT=100><IMG SRC="laperla5.jpg" ALT="Video5" BORDER=1></td>
    </tr>
    <tr>
      <td WIDTH=100 HEIGHT=100><IMG SRC="laperla6.jpg" ALT="Video6" BORDER=1></td>
    </tr>
    <tr>
      <td WIDTH=100 HEIGHT=100><IMG SRC="laperla7.jpg" ALT="Video7" BORDER=1></td>
    </tr>
    <tr>
      <td WIDTH=100 HEIGHT=100><IMG SRC="laperla8.jpg" ALT="Video8" BORDER=1></td>
    </tr>
   
</table>


</div>
<br>

<br><br>

 

Leider werden die JPG's so nicht angezeigt sondern nur die ALTernative (ich habe für Testzwecke die entsprechenden JPGS ins Root geholt, liegen also richtig). Was verstehe ich falsch??

Der zweite Schritte wäre dann die Image zu href-en / verlinken - geht das überhaupt so?

 

Viele Grüße

Claus

 

BeRo schrieb am 04.05.2014 um 19:11 Uhr

[...] Tabelle in die ich anstatt Text Grafiken einfügen und diese Grafiken dann auch verlinken kann [...]

Das ist kein echtes Problem...

Wenn Du die Tabellenzeilen so anlegst, wie unten gezeigt, klappt das sofort:

-----------------------------
[...]
<td WIDTH=100 HEIGHT=100><a href="http://www.magix.de" target="_blanc"><IMG SRC="grafik.jpg" ALT="Bild1" BORDER=1></a></td>
</tr>

[...]
-----------------------------

Du musst also nur den gelb markierten TAG einfügen-, den Link (href=) entsprechend Deiner Vorgaben einstellen, das richtige Bild- oder die richtige Grafik angeben und das war's dann schon.

[...] ich habe für Testzwecke die entsprechenden JPGS ins Root geholt [...]

Wenn Du die Bilder/Grafiken in ein Unterverzeichnis packst, was ich empfehle, musst Du natürlich im Code den Verweis ändern, aber das weißt Du ja offenbar schon.

Viel Erfolg

Zuletzt geändert von BeRo am 04.05.2014, 19:11, insgesamt 1-mal geändert.

Auf den Tag genau gehen heute, am 14.08.2021, 10 Jahre online Support für die Community zu Ende.
Ich freue mich auf eine neue, berufliche Herausforderung, die sich gerade ergeben hat. Leider bleibt dann keine Zeit mehr für die Community übrig, aber Ihr seid bei den aktiven Mitgliedern in besten Händen.
Sicher schaue ich auch ab und zu nochmal rein... 🤓