|
View Full Version : scrolling sideways.... Dark Unicorn 05-05-2003, 03:32 AM 1.) How do you get an iframe to scroll sideways (images are shown side by side) ? 2.) Is there anyway to control the size of the scrollerbars? Thanks :D Elentari 05-05-2003, 03:48 AM You could use the clip property and the overflow-x and overflow-x property. using the clip property you set your limits.....for example lets say your iframe is 500x200 your clip for your iframe could be clip:5000, 200, 5000, 200 (so it goes 5000px sideways (top and bottom and only 200 left and right) overflow-x:scroll (or auto) overflow-y:hidden Here's a page to further explain if you need it. Also.......these tags would go in your iframe style..... <iframe src="iframe.html" name="iframe" width="500" height="200" style="clip:5000, 200, 5000,200; overflow-x:scroll; overflow-y:hidden"></iframe> Dark Unicorn 05-05-2003, 03:50 AM Thanks Dark Unicorn 05-05-2003, 04:03 AM its not working? Dark Unicorn 05-05-2003, 04:06 AM The last code i was given didnt work :( does anyone know of another method i could use to keep the up and down scroller bar disabled so that i could put images side by side instead of the different images cascading down? Thanks Dude128 05-05-2003, 04:53 AM could we see the exact code you're using and/or a link to the page its on? Dark Unicorn 05-05-2003, 04:56 AM alrighty... link (http://www.dead-fairytales.net/perfect-fools) and the codey. <html> <head> <meta http-equiv="imagetoolbar" content="no"> <link rel="stylesheet" href="css.css" type="text/css"> <title>Im screaming......drowning....... like you care.</title> </head> <body> <DIV id="one" style="position: absolute; top: 0px; left: 0px;" align=left> <img src="aloneperfectadding copy.gif"> </DIV> <DIV id="shiat" style="position: absolute; top: 454px; left: 0px;" align=left> <iframe src="main.html" name="inline" width="190" height="169" frameborder="0" border="0"></iframe></DIV> <DIV id="linker" style="position: absolute; top: 610px; left: 204px;"> <a href="you.html" target="inline">♠</a> <a href="me.html" target="inline">♠</a> <a href="exit.html" target="inline">♠</a> <a href="main.html" target="inline">♠</a></DIV> <DIV id="links" style="position: absolute; top: 485px; left: 135px;"> <iframe src="links.html" name="links" width="64" height="125" frameborder="0" border="0"></iframe></DIV> </body> </html> (the last div layer) |