Results 1 to 5 of 5

Thread: Scrollable IFRAME by dynamic drive

  1. #1
    Join Date
    Apr 2008
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Scrollable IFRAME by dynamic drive

    1) Script Title: Scrollable IFRAME by dynamic drive

    2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...ramescroll.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

  2. #2
    Join Date
    Apr 2008
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Re borders on the above script

  3. #3
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    Adding rounded corners to anything is really another subject in itself. Try Google:

    Rounded Corners

    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:

    Code:
    <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...der/border.htm
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  4. #4
    Join Date
    Apr 2008
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    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

  5. #5
    Join Date
    Sep 2007
    Location
    The Netherlands
    Posts
    1,881
    Thanks
    49
    Thanked 266 Times in 258 Posts
    Blog Entries
    56

    Default

    Quote Originally Posted by ripple View Post
    frameborder=0 scrolling=no style="border:1px #a99e58 solid border-top: 0px
    That should be
    Code:
    frameborder="0" scrolling="no" style="border:1px solid #a99e58; border-top: 0px"
    Arie Molendijk.

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •