PDA

View Full Version : Iframe? scroll thingy?


Peter
03-06-2005, 09:24 PM
Im probably going to get told off because its probably already here, but i want a simple scroll bar in the contents big of my website to put all my nice siggiies!

help!

DrWolfgangVonBubbles
03-06-2005, 09:45 PM
Don't use an iframe. Use CSS! You can get a scrollbar in CSS without using iframes.

I can probably help you better if you could show me the URL to your site and tell me if you are using tables or CSS to layout your site.

But if you really want an iframe I can't help you as I know nothing about frames.

Try this:
<style type="text/css">
<!--
#scroll {height: 200px; width: 300px; overflow: auto}
-->
</style>
Put that into the head of the HTML file. Change the numbers to make it bigger or smaller.

And this where you want the scrollbar to show.
<div id=scroll>Your text</div>

Peter
03-07-2005, 03:03 PM
Thanks, you see i want the main large box to be able to scroll down on.
HERE (http://grafixhouse.hostmatrix.org/gallery.htm)

thats about it really, and maybe on the same main bit for a few other pages, i dont know quite were to slot the code in though :confused:
im pants at this sort of thing

DrWolfgangVonBubbles
03-07-2005, 03:17 PM
TD.scroll {overflow: auto; width:600px; height:475px}
Put that in next to your A:hover thing. In between your style tags.

<TD COLSPAN=2 ROWSPAN=3 background="images/main_05.gif" class=scroll>

Tell me if that works.

chilipie
03-07-2005, 03:55 PM
You might want to have a look at this (http://www.beforethedog.com/tutoriali/tut1.htm) bloody good tutorial, all about faking iframes with CSS :) .

Peter
03-07-2005, 05:14 PM
I tried to get it to work, but alass, i am really bad at this sort of thing :confused:

chilipie
03-07-2005, 05:36 PM
Have you got some code we could try and debug for you then?

Peter
03-07-2005, 09:06 PM
ok, ill give it a try,
<TD COLSPAN=2 ROWSPAN=6>
<b><font size="1" face="Verdana">
<IMG SRC="images/main_04.gif" width=15 height=460 ALT=""></font></b></TD>
</center>
<TD COLSPAN=2 ROWSPAN=3 background="images/main_05.gif">
<p align="center"><font face="Verdana" size="2"><b>Gallery</b></font></p>
<p align="center"><font face="Verdana" size="1">Great grafix on the
way made by Peter Watson.</font> <font face="Verdana" size="1">Please
be patient, it will be worth the wait I promise.</font></p>
<p align="center">&nbsp;</p>
<p align="center">&nbsp;</p>
<p align="center">&nbsp;</p>
<p align="center">&nbsp;</p>
<p align="center">&nbsp;</p>
<p align="center">&nbsp;</p>
<p align="center">&nbsp;</p>
<p align="center">&nbsp;
</TD>
<TD ROWSPAN=8>

DrWolfgangVonBubbles
03-08-2005, 12:38 AM
You dont have the class or id for the CSS anywhere.

toozoo
03-09-2005, 01:45 AM
Hey DrWolfGang,

Thanks for that beautifully clear, simple little code snippet. I just used it on a webpage I'm working on and it worked perfectly!

/emily

sni9er
03-20-2005, 10:28 AM
hey there m8 i use i-frames quite alot i think the code you are looking for is :

in your main page the one that hosts the iframe, withing the iframe code add this coding within the tag at some time

Scrolling=auto

if you want a perminant scrollbar weather your content is larger than the space or not type

Scrolling=yes

and surprizingly if you dont want it at all just dont type it :P or if you want to be anily retentive

Scrolling=no


so for an example
<iframe src="CONTENTOFFRAME.html" style="position:absolute; left:16%; top:30%;" name="body" width="69%" height="65%" align="60%" frameborder="0" marginwidth="" marginheight="" scrolling="auto"></iframe>

I used i frames in the construction of www.ambleskc.co.uk (http://www.ambleskc.co.uk) swing by some time and take a look

hope this helps

Sni9er