PDA

View Full Version : Scrollable IFRAME by dynamic drive



ripple
04-23-2008, 04:27 PM
1) Script Title: Scrollable IFRAME by dynamic drive

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex17/iframescroll.htm

3) Describe problem: Really simple I am sure but I am a complete novice, I have worked out how to have two on one page.. but more simple is the border, which only appears on the top and left of my text area. Even if I make the frameborder 100 it doesn't seem to do anything...

Also is it possilbe to give it round corners by inserting images somewhere...

sorry of silly questions

Ripple

ripple
04-23-2008, 04:28 PM
Re borders on the above script

jscheuer1
04-23-2008, 04:53 PM
Adding rounded corners to anything is really another subject in itself. Try Google:

Rounded Corners (http://www.google.com/search?client=opera&rls=en&q=Rounded+Corners&sourceid=opera&ie=utf-8&oe=utf-8)

But the border width issue is really rather simple. The frameborder attribute only controls whether or not an iframe has a 2px inset border or not. Its valid values are 1 for yes and 0 for no. If you want more control over the iframe's border, you must use style, and it is best to set the frameborder attribute to 0 so that it won't conflict with your style border. So something like this:


<iframe id="datamain" src="external.htm" width=150 height=150
marginwidth=0 marginheight=0 hspace=0 vspace=0 frameborder=0
scrolling=no style="border:2px solid red;"></iframe>

Incidentally, the style border is extremely flexible. For more information on this, consult your favorite css style reference or:

http://www.eskimo.com/~bloo/indexdot/css/properties/border/border.htm

ripple
04-23-2008, 07:26 PM
Thank you for your help, I have got my colour and border but the top line won't go away... should it be a new style?

frameborder=0 scrolling=no style="border:1px #a99e58 solid border-top: 0px

I can't tell you how much this help means!

Clare

molendijk
04-23-2008, 09:44 PM
frameborder=0 scrolling=no style="border:1px #a99e58 solid border-top: 0pxThat should be
frameborder="0" scrolling="no" style="border:1px solid #a99e58; border-top: 0px"Arie Molendijk.