Urs: Horizontale Scrollbars mit overflow-Technik?

Hallo zusammen,
Ich versuche eine Auflistung von Bildern in einer Box zu machen. Ich möchte die Höhe dieser Box beschränken. Da es viele Bilder hat, möchte ich einen horizontalen Scrollbar einfügen. Sowas habe ich auch schon auf Webseiten gesehen, die jedoch Frames benutzten, was ich jedoch vermeiden möchte. Ich versuchte das ganze mit div-Tags und einer Tabelle zu lösen. Die Höhenbeschränkung der Tabelle wird aber anscheinend missachtet.

Wie kann man das Problem anders oder besser angehen?

Hier mein Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"  "http://www.w3.org/TR/html4/loose.dtd">
<html>
<body>

<div style="height:150px; overflow-x:scroll; overflow-y: hidden;">
  <table>
    <tr><td height="20">Header</td></tr>
      <tr>
        <td>
          <img src="13522339.jpg" >
          <img src="13522339.jpg" >
          <img src="13522339.jpg" >
          <img src="13522339.jpg" >
          <img src="13522339.jpg" >
          <img src="13522339.jpg" >
          <img src="13522339.jpg" >
          <img src="13522339.jpg" >
          <img src="13522339.jpg" >
          <img src="13522339.jpg" >
          <img src="13522339.jpg" >
          <img src="13522339.jpg" >
          <img src="13522339.jpg" >
        </td>
      </tr>
    </table>
  </div>
</body>
</html>

  1. Hallo Urs,

    Hier mein Code:

    [...]

    <div style="height:150px; overflow-x:scroll; overflow-y: hidden;">
      <table>
        <tr><td height="20">Header</td></tr>
          <tr>
            <td>
              <img src="13522339.jpg" >

    Wo sind die tabellarischen Daten? Was willst Du mit der Tabelle erreichen?

    Viele Grüße,
    Marc.

    --
    Und immer schön
    validieren (http://validator.w3.org/)
  2. Yerf!

    Wie kann man das Problem anders

    Gib jedem Bild seine eigene TD.

    oder besser angehen?

    Das ganze ist ja eher eine Liste von Bildern, also <ul>/<li> nehmen und dem <ul> eine width zuweisen, die groß genug ist, dass alle Bilder in eine Zeile passen.

    Gruß,

    Harlequin

    --
    <!--[if IE]>This page is best viewed with a webbrowser. Get one today!<![endif]-->
  3. Hallo!

    Ich versuche eine Auflistung von Bildern in einer Box zu machen. Ich möchte die Höhe dieser Box beschränken. Da es viele Bilder hat, möchte ich einen horizontalen Scrollbar einfügen. Sowas habe ich auch schon auf Webseiten gesehen, die jedoch Frames benutzten, was ich jedoch vermeiden möchte. Ich versuchte das ganze mit div-Tags und einer Tabelle zu lösen. Die Höhenbeschränkung der Tabelle wird aber anscheinend missachtet.

    Wie kann man das Problem anders oder besser angehen?

    Es gibt da im Archiv u.a. diesen Beitrag zu dem Thema, sowie Gernots Beispiel (was auch noch erreichbar ist).

    Gruß Gunther