39 users online (0 members and 39 guests)  


  Results 1 to 3 of 3

Related

  1. wrap text in a cell of a html table    Forum: HTML Forum
    Replies: 14
  2. HTML table cell alignment    Forum: HTML Forum
    Replies: 1
  3. Scroll bar in table cell help    Forum: HTML Forum
    Replies: 14
  4. How do I type beside a cell    Forum: HTML Forum
    Replies: 10
  1. #1
    jackthezipper's Avatar
    New User

    Status
    Offline
    Join Date
    Jun 2005
    Posts
    3

    Scrolling in HTML cell

    Is there an easy way to make scrolling available in a cell

    example

    table with two columns and one row.

    the height of the table is fixed at 400. Can I make the right hand cell in the table scrollable without the table just resizing on me and messing the other cell on the left up.



    PS.
    Pc-Aid.org - Help a boy buy a computer
    lol

  2. #2
    ALL's Avatar
    Super Dooper Nerd

    Status
    Offline
    Join Date
    Feb 2005
    Location
    localhost
    Posts
    382

    Re: Scrolling in HTML cell

    not like you said, but there is a way to do it, and make it look really good:
    HTML Code:
    <html> 
    <head> 
    <style> 
    table { 
    background-color: silver; 
    border: 2px solid black; 
    } 
    td { 
    background-color: gray; 
    border: 1px solid red; 
    } 
    
    .scrollable { 
    width: 200px; 
    height: 100px; 
    overflow: auto; 
    } 
    </style> 
    </head> 
    <body> 
    <table> 
    <tr><td> 
    this is cell 1,1 
    </td><td> 
    <div class="scrollable"> 
    <p>this is cell 1,2</p> 
    <p>extra text extra text 
    extra text extra text extra text extra text 
    extra text extra text extra text extra text 
    extra text extra text extra text extra text 
    extra text extra text extra text extra text 
    extra text extra text extra text extra text 
    extra text extra text extra text extra text 
    extra text extra text extra text extra text</p> 
    </div> 
    </td></tr> 
    <tr><td> 
    this is cell 2,1 
    </td><td> 
    this is cell 2,2 
    </td></tr> 
    </table> 
    </body> 
    </html>
    PS: i was too lazy to make my own code, so i found one that is already done on the net

  3. #3
    Doorknob's Avatar
    Super Newbie

    Status
    Offline
    Join Date
    Jun 2002
    Location
    Malaysia
    Posts
    316

    Re: Scrolling in HTML cell

    Another way is to use a Frame. However, frames will show a page. Implementation is as below:

    HTML Code:
    <iFrame src='file.asp' frameborder=0 width='100%' height='100%' name='FrameName' marginheight=0 marginwidth=0 scrolling=auto></iFrame>
    To see the results of a frame, have a look at http://www20.brinkster.com/kadirclan



Tags for this Thread