Results 1 to 9 of 9

Thread: HTML scrooling table

  1. #1
    Join Date
    Aug 2009
    Posts
    399
    Thanks
    42
    Thanked 4 Times in 4 Posts

    Default HTML scrooling table

    Hi,

    I have table:
    PHP Code:
    <table style='border: 1px solid grey;' width='732px'>
    <
    tr>
    <
    td>
    </
    td>
    ...
    a lot of text...
    </
    tr>
    </
    table
    How I can make this table to scrool when it has too much text than is its' height?

    maybe something with:
    PHP Code:
     overflowauto
    thanks...
    Last edited by auriaks; 03-30-2010 at 08:51 PM.

  2. #2
    Join Date
    Jan 2008
    Posts
    4,168
    Thanks
    28
    Thanked 628 Times in 624 Posts
    Blog Entries
    1

    Default

    Yes - overflow:auto
    Jeremy | jfein.net

  3. #3
    Join Date
    Aug 2009
    Posts
    399
    Thanks
    42
    Thanked 4 Times in 4 Posts

    Default

    like this?

    PHP Code:
    <table style='border: 1px solid grey; overflow: auto;' width='732px'
    I think it doesn't work

  4. #4
    Join Date
    Jan 2008
    Posts
    4,168
    Thanks
    28
    Thanked 628 Times in 624 Posts
    Blog Entries
    1

    Default

    Give it a height too.
    Jeremy | jfein.net

  5. #5
    Join Date
    Aug 2009
    Posts
    399
    Thanks
    42
    Thanked 4 Times in 4 Posts

    Default

    PHP Code:
    <table style='border: 1px solid grey; overflow: auto;' height='100px' width='732px'
    Not working... and I can't add link because of some rights.

    Other options??

  6. #6
    Join Date
    Jul 2009
    Location
    Binus University
    Posts
    472
    Thanks
    78
    Thanked 21 Times in 21 Posts

    Default

    you can use div as another option, here's the example:

    Code:
    <html>
    <head></head>
    <body>
    
    <div style="width: 150px; height: 150px; overflow-y: scroll; scrollbar-arrow-color:
    blue; scrollbar-
    face-color: #e7e7e7; scrollbar-3dlight-color: #a0a0a0; scrollbar-darkshadow-color:
    #888888">
    
    Put your text in here
    Put your text in here
    Put your text in here
    Put your text in here
    Put your text in here
    Put your text in here
    Put your text in here
    Put your text in here
    Put your text in here
    Put your text in here
    Put your text in here
    Put your text in here
    Put your text in here
    Put your text in here
    Put your text in here
    Put your text in here
    Put your text in here
    Put your text in here
    Put your text in here
    Put your text in here
    Put your text in here
    Put your text in here
    Put your text in here
    Put your text in here
    Put your text in here
    
    
    </div>
    </body>
    </html>
    gud luck...
    _____________________

    David Demetrius // davejob
    _____________________

  7. The Following User Says Thank You to davelf For This Useful Post:

    auriaks (03-30-2010)

  8. #7
    Join Date
    Jan 2008
    Posts
    4,168
    Thanks
    28
    Thanked 628 Times in 624 Posts
    Blog Entries
    1

    Default

    Whats with the IE only styling of scrollbars? And, yes, I don't know if it's possible to do with tables.
    Jeremy | jfein.net

  9. #8
    Join Date
    Aug 2009
    Posts
    399
    Thanks
    42
    Thanked 4 Times in 4 Posts

    Default

    Thanks... Working well for now

  10. #9
    Join Date
    Jan 2008
    Posts
    4,168
    Thanks
    28
    Thanked 628 Times in 624 Posts
    Blog Entries
    1

    Default

    It seems your topic is solved... Please set the status to resolved.. To do this:
    Go to your first post ->
    Edit your first post ->
    Click "Go Advanced" ->
    Then in the drop down next to the title, select "RESOLVED"
    Jeremy | jfein.net

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
  •