Gegen Bilderklau - Das Original (https://www.gegen-bilderklau.net/index.php)
- Design, Website, Copyright (https://www.gegen-bilderklau.net/board.php?boardid=80)
--- Homepagehilfe (https://www.gegen-bilderklau.net/board.php?boardid=27)
---- Homepagehilfe - Archiv (https://www.gegen-bilderklau.net/board.php?boardid=139)
----- Nur Horizontal scrollen? (https://www.gegen-bilderklau.net/thread.php?threadid=180923)


Geschrieben von TattooedZebra am 13.07.2011 um 12:21:

  Nur Horizontal scrollen?

Ich hab eine Gallerie gemacht und möchte aber das man den Scrollbalken nur nach rechts bzw. links verscieben kann und somit die Bilder durchscrollen kann,aber irgendwie bekomme ich das nicht hin, kann mir jemand helfen?
Praktisch genauso wie unten in der CODE Box:

Der HTML Code:
code:
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
<html>
<head>
<title>Joyfulfotos</title>
<BODY marginwidth="0" leftmargin="0" marginheight="0" topmargin="0" scroll="no">
<img src="http://joyfulfotos.bplaced.net/NEU/pix/bg.png">

<link rel="stylesheet" type="text/css" href="http://joyfulfotos.bplaced.net/NEU/style.css">



<div id="Layer1" style="position: absolute;  left: 450px; top: 230px;">
  <iframe src="http://joyfulfotos.bplaced.net/NEU/work1.html" name="frame" width="600" height="399" frameborder=0 scrolling="auto" noresize style="border: 0px" style="FILTER: chroma (color=#ffffff)" ;>
  </iframe>
</div>



/* links */
<div style="position: absolute; left: 80px; top: 110px; width: 200px;">
<a href="http://joyfulfotos.bplaced.net"><img src="http://joyfulfotos.bplaced.net/NEU/pix/schrift.png" border="0"></a>
</div>

<div style="position: absolute; left: 295px; top: 300px; width: 200px;">
<a href="http://joyfulfotos.bplaced.net/NEU/about.html"><img src="http://joyfulfotos.bplaced.net/NEU/pix/about.png" border="0"></a>
</div>

<div style="position: absolute; left: 285px; top: 330px; width: 200px;">
<a href="http://joyfulfotos.bplaced.net/NEU/links.html"><img src="http://joyfulfotos.bplaced.net/NEU/pix/links.png" border="0"></a>
</div>

<div style="position: absolute; left: 267px; top: 359px; width: 200px;">
<a href="http://joyfulfotos.bplaced.net/NEU/work.html"><img src="http://joyfulfotos.bplaced.net/NEU/pix/work1.png" border="0"></a>
</div>

<div style="position: absolute; left: 20px; top: 670px; width: 200px;">
<a href="http://joyfulfotos.bplaced.net/NEU/imp.html">IMPRESSUM</a>
</div>

/* links zusatz */
<div style="position: absolute; left: 460px; top: 200px; width: 200px;">
<a href="http://joyfulfotos.bplaced.net/NEU/work1.html"><img src="http://joyfulfotos.bplaced.net/NEU/pix/konz.png" border="0"></a>
</div>

<div style="position: absolute; left: 580px; top: 200px; width: 200px;">
<a href="http://joyfulfotos.bplaced.net/NEU/work2.html"><img src="http://joyfulfotos.bplaced.net/NEU/pix/fas.png" border="0"></a>
</div>

<div style="position: absolute; left: 700px; top: 200px; width: 200px;">
<a href="http://joyfulfotos.bplaced.net/NEU/work3.html"><img src="http://joyfulfotos.bplaced.net/NEU/pix/port.png" border="0"></a>
</div>


</body>
</html>



Geschrieben von Ileina am 13.07.2011 um 21:14:

 

Im CSS brauchst du irgendwo ein
code:
1:
overflow-y:hidden;



Geschrieben von TattooedZebra am 18.07.2011 um 17:03:

 

Super danke! smile


Forensoftware: Burning Board, entwickelt von WoltLab GmbH