scrolling horizontally [Archive]

View Full Version : scrolling horizontally

meow8780

09-10-2003, 05:05 AM

what tags can u put to make a page automatically scroll horizontally instead of regularly going vertically?... thanx

MotherNatrsSon

09-10-2003, 05:15 AM

I do not believe there are any in html or CSS. You just have to make sure your page is wide and lot long enough to need vertical scroll bars.

MNS

stunix

09-10-2003, 10:18 AM

i had something with this using a table of say 2000px wide and 99% high (is the ie height bug still there, yes it is!)

then using css define the scrollbars

<style>
body {overflow-y:hidden;overflow-x:scroll}
</style>

you can make it more interesting by changing the direction in the html tag
<html dir = "RTL">

this site uses something similar with anchors
though the content leaves something to be desired,
but thats not our beef, is it?

http://www.asile.org/citoyens/numero13/pentagone/erreurs_en.htm

MotherNatrsSon

09-10-2003, 06:39 PM

That is a really creative thing with the CSS but I am wondering if it actually works. It looks to me like the page you linked to used javascript and table width only. I could not get to the css file for some reason to check the css.

MNS

stunix

09-10-2003, 07:54 PM

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html dir = "RTL">
<head>
<title>blah blah test</title>
<style>
body {overflow-y:hidden;overflow-x:scroll}
table {width:2000px;height:99%}
table a{font-size:20px}
</style>
<script type="text/javascript">

</script>
</head>
<body>
<table><tr><td><a href="#" onclick="flip();return false">flip</a>
<script>for (t=0;t < 100 ;t++){document.write(t+" ")}</script>
</table></body>
</html>

try this, my machine (win98, ie6 sp1) also has another ms bug, check it out. the lil flip thing i put in gives 2 scroll bars.
what does it do on yer mac, btw what is your default mac browser ie or moz?

bradyj

09-10-2003, 08:18 PM

Would you really need CSS to put in a horizontal scrollbar? I thought you would just make your content large left to right, but not so height wise?

Kinda like this guy:
http://www.runwithscissors.ca/concepts/index.html

stunix

09-10-2003, 08:37 PM

sure, you dont HAVE to use the css, but it helps if you had dynamic content, the scroll bars would be defined.

:eek:this is a really bad emiticon (in my humble opinion) can we send some in??

MotherNatrsSon

09-10-2003, 08:59 PM

I use Netscape 7 which is the same as mozilla but works slightly better. Some things that work in Netscape don't in Mozilla. I also have IE 5.1.7 for Mac.

In netscape 7 it doen not show scrool bars and the "flip" link does not show up. In IE 5.1.7 Mac it works for the scrollbar part but the "flip" does not work.

I also made changes to the code so it validated. (Got a new "toy" for my B-day so I thought I'd play with it.) Here it is:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html dir="RTL">
<head>
<title>
blah blah test
</title>
<style type="text/css">
body {overflow-y:hidden;overflow-x:scroll}
table {width:2000px; height:99%}
table a{font-size:20px}
</style> <script type="text/javascript">

</script>
</head>
<body>
<table>
<tr>
<td>
<a href="#" onclick="flip();return false">
flip
</a>
<script type="text/javascript">for (t=0;t < 100 ;t++){document.write(t+" ")}</script>
</td>
</tr>
</table>
</body>
</html>

I think it has to do with the table width and not the scroll bar css. Do you have anything in the specs that have an example of them being styled like that. I am a beginner so I'm asking. Never seen it before.

MNS

stunix

09-10-2003, 10:18 PM

i guessed the flip wouldnt work on a mac, its a microsoft filter, and we all know how fussy m$ can be, however this time beaten by Netscape.
Im surprised the css dosnt work, i dont use netscape, but this works on mozilla (firebird on win98) and mozilla 1.4 on SUSI.
as i have been shouted at in the past, we should start a new thread concerning cross browser translation.

anyway, thanks for neatening up the code, erm, very pretty (cynical coder!, lol):thumbsup: