✔ Horizontale Bildlaufleiste

Vertigo21 · 24. Mai 2005

Ich habe in HTML eine kleine Bildergalerie auf die Seite gestellt und er setzt im Browser jedes verdammte Mal eine horizontale Bildlaufleiste. Man kann das Bild zwar nur um zwei Milimeter nach rechts oder links schieben, aber dennoch ist die Leiste vorhanden. Der Inhalt der Seite (eine Tabelle) ist auch nicht zu breit.

Gibt es ein kleines Skript, mit dessen Hilfe ich nur diese horizontale Leiste ausblenden lassen kann?

Liverson · 24. Mai 2005

Hi,

so kann man das nicht sagen, du musst schon deine css posten

SilentWarrior · 24. Mai 2005

Probier mal overflow-x:hidden.

Vertigo21 · 25. Mai 2005

HTML:

<title> LAN- Archiv </title>
   
   <script language="JavaScript">
   overflow-x:hidden
   </script>
  </head>
  <body>...

So ungefähr? Es funktioniert jedenfalls noch nicht. Bin allerdings noch nicht wirklich erfahren in JavaScript.

andreassin · 25. Mai 2005

JavaScript ist das nicht. Das ist eine CSS-Eigenschschaft:

<head>
<title>Titel der Datei</title>
<style type="text/css">
overflow. hidden;
</style>
</head>

Vertigo21 · 25. Mai 2005

Es funktioniert immer noch nicht. Hier mal der Quelltext. Vielleicht wisst ihr ja was da nicht stimmt...

@andreassin: "overflow. hidden;" habe ich auch mit gleichem Effekt probiert.

HTML:

  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
  	 "http://www.w3.org/TR/html4/transitional.dtd">
  
  <html>
  <head>
  
  <title> LAN- Archiv </title>
  
  <style type="text/css">
  overflow-x:hidden;
  </style>
  
  </head>
  
  <body link="blue" vlink="purple" alink="blue" background="images\sterne.gif" bgproperties="fixed">
  <table border="1" width="65%" cellspacing="0" cellpadding="0" bgcolor="#9999CC" align="center">
  
  <tr>
   <td align="center"><a href="images\fotos\img01.jpg" target=_blank><img src="images\fotos\thumb01.jpg" 
  
  alt="01"></a></td>
   <td align="center"><a href="images\fotos\img02.jpg" target=_blank><img src="images\fotos\thumb02.jpg" 
  
  alt="02"></a></td>
   <td align="center"><a href="images\fotos\img03.jpg" target=_blank><img src="images\fotos\thumb03.jpg" 
  
  alt="03"></a></td>
   <td align="center"><a href="images\fotos\img04.jpg" target=_blank><img src="images\fotos\thumb04.jpg" 
  
  alt="04"></a></td>
  </tr>
  
  <tr>
   <td align="center"><a href="images\fotos\img05.jpg" target=_blank><img src="images\fotos\thumb05.jpg" 
  
  alt="05"></a></td>
   <td align="center"><a href="images\fotos\img06.jpg" target=_blank><img src="images\fotos\thumb06.jpg" 
  
  alt="06"></a></td>
   <td align="center"><a href="images\fotos\img07.jpg" target=_blank><img src="images\fotos\thumb07.jpg" 
  
  alt="07"></a></td>
   <td align="center"><a href="images\fotos\img08.jpg" target=_blank><img src="images\fotos\thumb08.jpg" 
  
  alt="08"></a></td>
  </tr>
  
  <tr>
   <td align="center"><a href="images\fotos\img09.jpg" target=_blank><img src="images\fotos\thumb09.jpg" 
  
  alt="09"></a></td>
   <td align="center"><a href="images\fotos\img10.jpg" target=_blank><img src="images\fotos\thumb10.jpg" 
  
  alt="10"></a></td>
   <td align="center"><a href="images\fotos\img11.jpg" target=_blank><img src="images\fotos\thumb11.jpg" 
  
  alt="11"></a></td>
   <td align="center"><a href="images\fotos\img12.jpg" target=_blank><img src="images\fotos\thumb12.jpg" 
  
  alt="12"></a></td>
  </tr>
  
  <tr>
   <td align="center"><a href="images\fotos\img13.jpg" target=_blank><img src="images\fotos\thumb13.jpg" 
  
  alt="13"></a></td>
   <td align="center"><a href="images\fotos\img14.jpg" target=_blank><img src="images\fotos\thumb14.jpg" 
  
  alt="14"></a></td>
   <td align="center"><a href="images\fotos\img15.jpg" target=_blank><img src="images\fotos\thumb15.jpg" 
  
  alt="15"></a></td>
   <td align="center"><a href="images\fotos\img16.jpg" target=_blank><img src="images\fotos\thumb16.jpg" 
  
  alt="16"></a></td>
  </tr>
  
  <tr>
   <td align="center"><a href="images\fotos\img17.jpg" target=_blank><img src="images\fotos\thumb17.jpg" 
  
  alt="17"></a></td>
   <td align="center"><a href="images\fotos\img18.jpg" target=_blank><img src="images\fotos\thumb18.jpg" 
  
  alt="18"></a></td>
   <td align="center"><a href="images\fotos\img19.jpg" target=_blank><img src="images\fotos\thumb19.jpg" 
  
  alt="19"></a></td>
   <td align="center"><a href="images\fotos\img20.jpg" target=_blank><img src="images\fotos\thumb20.jpg" 
  
  alt="20"></a></td>
  </tr>
  
  <tr>
   <td align="center"><a href="images\fotos\img21.jpg" target=_blank><img src="images\fotos\thumb21.jpg" 
  
  alt="21"></a></td>
   <td align="center"><a href="images\fotos\img22.jpg" target=_blank><img src="images\fotos\thumb22.jpg" 
  
  alt="22"></a></td>
   <td align="center"><a href="images\fotos\img23.jpg" target=_blank><img src="images\fotos\thumb23.jpg" 
  
  alt="23"></a></td>
   <td align="center"><a href="images\fotos\img24.jpg" target=_blank><img src="images\fotos\thumb24.jpg" 
  
  alt="24"></a></td>
  </tr>
  
  <tr>
   <td align="center"><a href="images\fotos\img25.jpg" target=_blank><img src="images\fotos\thumb25.jpg" 
  
  alt="25"></a></td>
   <td align="center"><a href="images\fotos\img26.jpg" target=_blank><img src="images\fotos\thumb26.jpg" 
  
  alt="26"></a></td>
   <td align="center"><a href="images\fotos\img27.jpg" target=_blank><img src="images\fotos\thumb27.jpg" 
  
  alt="27"></a></td>
   <td align="center"><a href="images\fotos\img28.jpg" target=_blank><img src="images\fotos\thumb28.jpg" 
  
  alt="28"></a></td>
  </tr>
  
  <tr>
   <td align="center"><a href="images\fotos\img29.jpg" target=_blank><img src="images\fotos\thumb29.jpg" 
  
  alt="29"></a></td>
   <td align="center"><a href="images\fotos\img30.jpg" target=_blank><img src="images\fotos\thumb30.jpg" 
  
  alt="30"></a></td>
   <td align="center"><a href="images\fotos\img31.jpg" target=_blank><img src="images\fotos\thumb31.jpg" 
  
  alt="31"></a></td>
   <td align="center"><a href="images\fotos\img32.jpg" target=_blank><img src="images\fotos\thumb32.jpg" 
  
  alt="32"></a></td>
  </tr>
  
  <tr>
   <td align="center"><a href="images\fotos\img33.jpg" target=_blank><img src="images\fotos\thumb33.jpg" 
  
  alt="33"></a></td>
   <td align="center"><a href="images\fotos\img34.jpg" target=_blank><img src="images\fotos\thumb34.jpg" 
  
  alt="34"></a></td>
   <td align="center"><a href="images\fotos\img35.jpg" target=_blank><img src="images\fotos\thumb35.jpg" 
  
  alt="35"></a></td>
   <td align="center"><a href="images\fotos\img36.jpg" target=_blank><img src="images\fotos\thumb36.jpg" 
  
  alt="36"></a></td>
  </tr>
  
  <tr>
   <td align="center"><a href="images\fotos\img37.jpg" target=_blank><img src="images\fotos\thumb37.jpg" 
  
  alt="37"></a></td>
   <td align="center"><a href="images\fotos\img38.jpg" target=_blank><img src="images\fotos\thumb38.jpg" 
  
  alt="38"></a></td>
   <td align="center"><a href="images\fotos\img39.jpg" target=_blank><img src="images\fotos\thumb39.jpg" 
  
  alt="39"></a></td>
   <td align="center"><a href="images\fotos\img40.jpg" target=_blank><img src="images\fotos\thumb40.jpg" 
  
  alt="40"></a></td>
  </tr>
  
  <tr>
   <td align="center"><a href="images\fotos\img41.jpg" target=_blank><img src="images\fotos\thumb41.jpg" 
  
  alt="41"></a></td>
   <td align="center"><br></td>
   <td align="center"><br></td>
   <td align="center"><br></td>
  </tr>
  </table>
  
  
  </body>
  </html>

Liverson · 25. Mai 2005

du musst für das

overflow-x:hidden; schon ein HTML-Element definieren

Beispeiel:

<style type="text/css">
body { overflow-x:hidden; }
</style>

hab deinen Code nur kurz überflogen und versteh eh nicht wieso der horizontal scrollt

ans meer · 25. Mai 2005

Ich nehme an, dass du auch noch zuweisen muss, _wo_ der horizontale Scrollbalken denn weg soll, also zum Beispiel auf der ganzen Seite:

HTML:

<style type="text/css">
body { overflow-x:hidden; }
</style>

Ich meine mich aber erinnern zu können, dass Opera 7.x Probleme damit hatte, nur einen Scrollbalken zu "verstecken".

Edit: Da war wohl jemand schneller als ich

Vertigo21 · 25. Mai 2005

Habe es grade ausprobiert und erziele leider keinen Erfolg. Keine Ahnung wieso er (der Internet Explorer) überhaupt auf die Idee kommt, dass da solche Laufleisten hin müssten.

Ihm das wieder auszureden ist echt ein Problem...

Hat noch jemand eine Idee?

Maik · 25. Mai 2005

Vertigo21 hat gesagt.:
Hat noch jemand eine Idee?

Versuche es doch mal so:

CSS-Code

HTML:

<style type="text/css">
<!--
html, body
{
overflow-x: hidden;
margin: 0;
padding: 0;
}
-->
</style>

✔ Horizontale Bildlaufleiste

Vertigo21

Erfahrenes Mitglied

Liverson

Grünschnabel

SilentWarrior

Erfahrenes Mitglied

Vertigo21

Erfahrenes Mitglied

andreassin

Mitglied

Vertigo21

Erfahrenes Mitglied

Liverson

Grünschnabel

ans meer

Vertigo21

Erfahrenes Mitglied

Maik

Neue Beiträge