36 users online (1 members and 35 guests)  


Page 2 of 3 First 1 2 3 Last
  Results 16 to 30 of 35

Related

  1. Tables + auto scroll = Head bashing    Forum: HTML Forum
    Replies: 0
  2. Replies: 6
  3. Tables/vertical scroll bars only    Forum: CSS Forum
    Replies: 7
  4. Replies: 2
  5. Tables and Scroll Bars    Forum: HTML Forum
    Replies: 22
  1. #16
    Vetarru
    Vetarru's Avatar
    Guest
    I don't mean to come off as overly dunce, but I did as the tutorial said and a white box with a scroll appeared. That was it. My texgt wasn't there. My black background wasn't there. Does anyone know iFrames well enough to take me step by step through it?

  2. #17
    QuietDean's Avatar
    Administrator

    Status
    Offline
    Join Date
    Oct 2000
    Location
    Bournemouth, UK
    Posts
    2,662
    Heres a very simple iframe -

    Just replace 'test.php' with your own page to be included and see what you get.
    Code:
    <iframe src="test.php" width="200" height="200"></iframe>
    Last edited by HTML; 10-14-2002 at 02:48 PM.
    If one of our members helps you, please click the icon to add to their reputation!
    No support via email or private message - use the forums!
    Before you ask, have you Searched?

  3. #18
    Vetarru
    Vetarru's Avatar
    Guest
    Thank you so much! That worked! Also, thanks to these message boards, my site is finally up and running smoothly. Thank you once more for your kind help.

  4. #19
    Dillon's Avatar
    New User

    Status
    Offline
    Join Date
    Oct 2003
    Location
    Cape Town, South Africa
    Posts
    7
    I think the trick is to set the "overflow" to "auto" rather than "scroll" as below.

    Then the vertical scroll bar appears as needed, and the horizontal scroll bar is not there. (Unless of course, you have a table larger than the div with "nowrap" set, or something similar - in which case the horizontal bar appears) (Sorry, mixed up horizontal and vertical in last post)

    Does look a bit like an inline frame or a neat scrolling table.

    <div style="width: 200px; height: 50px; overflow: auto; border: 1px solid;">
    This is where all the stuff goes.<br />
    Add some more stuff, and instead of growing, it will have a scrollbar.
    </div>

  5. #20
    HTML's Avatar
    Administrator

    Status
    Offline
    Join Date
    Aug 2000
    Posts
    3,445

    Follow HTML On Twitter Add HTML on Facebook Add HTML on Google+ Add HTML on Linkedin Visit HTML's Youtube Channel
    welcome to the forums Dillon

    Dave

  6. #21
    Dillon's Avatar
    New User

    Status
    Offline
    Join Date
    Oct 2003
    Location
    Cape Town, South Africa
    Posts
    7
    Quote Originally Posted by Dave
    welcome to the forums Dillon

    Dave
    Thanks Dave. I've picked up a few good tips here, and so decided to join in rather than continue lurking as a guest.

    And I just realised that I'm almost exactly 1 year too late on that post? Now I feel like a right proper twit

  7. #22
    HTML's Avatar
    Administrator

    Status
    Offline
    Join Date
    Aug 2000
    Posts
    3,445

    Follow HTML On Twitter Add HTML on Facebook Add HTML on Google+ Add HTML on Linkedin Visit HTML's Youtube Channel
    Nah, just like you saw it and responded, other will find it and benefit from your input

    Dave

  8. #23
    Aquig's Avatar
    New User

    Status
    Offline
    Join Date
    Oct 2003
    Posts
    5

    does the table scrolling code work for all browsers

    Hey Quiet Dean
    i used some of the code for a forum page I'm building
    it works great for my pc, but a buddies mac couldn't read, anuy thoughts
    aquig
    Last edited by HTML; 10-26-2003 at 09:31 AM.

  9. #24
    QuietDean's Avatar
    Administrator

    Status
    Offline
    Join Date
    Oct 2000
    Location
    Bournemouth, UK
    Posts
    2,662
    Hi Aquig, I have answered in your separate thread
    If one of our members helps you, please click the icon to add to their reputation!
    No support via email or private message - use the forums!
    Before you ask, have you Searched?

  10. #25
    evolutioncre's Avatar
    New User

    Status
    Offline
    Join Date
    Jan 2004
    Posts
    1

    Linkin

    can someone tell me how to link inside of this text box code: <div style="width: 200px; height: 200px; overflow: scroll; border: 5px dashed black; background-color: #ccc;">
    This is where all the stuff goes.<br />
    Add some more stuff, and instead of growing, it will have a scrollbar.
    </div>
    Thanx and sorry for comin in soo late

  11. #26
    QuietDean's Avatar
    Administrator

    Status
    Offline
    Join Date
    Oct 2000
    Location
    Bournemouth, UK
    Posts
    2,662
    The div above will take ANY html. At all. so just put a normal link inside and it will work.

    If you need help with links themselves, try our HTML Tutorials
    If one of our members helps you, please click the icon to add to their reputation!
    No support via email or private message - use the forums!
    Before you ask, have you Searched?

  12. #27
    mailhole's Avatar
    New User

    Status
    Offline
    Join Date
    Jan 2004
    Posts
    4

    Help

    I see background-color: #ccc; gives a background color... how do you get a background image?


    Quote Originally Posted by QuietDean
    hello there. Welcome to the forums!

    You will not be able to add a scrollbar to a table. However, you can add a scroll bar to a <div> inside a table. here is an example -
    Code:
    <div style="width: 200px; height: 200px; overflow: scroll; border: 5px dashed black; background-color: #ccc;">
    This is where all the stuff goes.<br />
    Add some more stuff, and instead of growing, it will have a scrollbar.
    </div>
    Hope that helps.

  13. #28
    QuietDean's Avatar
    Administrator

    Status
    Offline
    Join Date
    Oct 2000
    Location
    Bournemouth, UK
    Posts
    2,662
    Using background-image: url(image.gif);

    Checkout my http://css.somepeople.net
    If one of our members helps you, please click the icon to add to their reputation!
    No support via email or private message - use the forums!
    Before you ask, have you Searched?

  14. #29
    mailhole's Avatar
    New User

    Status
    Offline
    Join Date
    Jan 2004
    Posts
    4
    i have been trying this

    <div style="height: 220px; overflow: scroll; background-image: Phase2/Wishlist.gif;">

    Hmm what is wrong..?

    also i only want a scroll bar down the side (vertical)

    please help1

    [QUOTE=QuietDean]Using background-image: url(image.gif);

    Checkout http://css.somepeople.net

  15. #30
    QuietDean's Avatar
    Administrator

    Status
    Offline
    Join Date
    Oct 2000
    Location
    Bournemouth, UK
    Posts
    2,662
    You need url(imagename.gif); exactly like in my example. With brackets, everything. The only thing that changes is the image name.
    If one of our members helps you, please click the icon to add to their reputation!
    No support via email or private message - use the forums!
    Before you ask, have you Searched?



Page 2 of 3 First 1 2 3 Last

Tags for this Thread