Professional Web Applications Themes

Table scrollbar - Macromedia Dynamic HTML

I really dont know if this is possible but i have a table, and i want to put quite alot of text into it. But the thing is i dont want to make the table any bigger. So my question is, is there a way to put a scroll bar on a table or another way around this problem. Thanks alot, Andy...

  1. #1

    Default Table scrollbar

    I really dont know if this is possible but i have a table, and i want to put
    quite alot of text into it. But the thing is i dont want to make the table any
    bigger.

    So my question is, is there a way to put a scroll bar on a table or another
    way around this problem.

    Thanks alot, Andy

    ahid Guest

  2. #2

    Default Re: Table scrollbar

    Yes it is possible via a <div> </div> tag.
    Please see attached code.
    Put the Scrolldiv code in the head section of your doent.
    This will define the area allocated for data/text before the scroll bars show.
    Then in the body section add on either side of your table the div tags.
    Et voila.
    If you want to only have the side scrollbar (and not the bottom one) make your
    table width smaller than the size defined in your ScrollDiv code taking account
    of the size of the side scroll bar.
    Play around with it and have fun!
    Daniel

    I use it with a line on either side.

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
    <title>Untitled Doent</title>
    <meta http-equiv="Content-Type" content="text/html; cht=iso-8859-1">
    <style>
    #ScrollDiv {
    width:100px;
    height:200px;
    overflow: auto;
    background-color:#FFFFFF;
    border-top: 1px none #666666;
    border-right: 1px solid #666666;
    border-bottom: 1px none #666666;
    border-left: 1px solid #666666;
    padding-right: 1px;
    padding-left: 1px;
    }
    </style>
    </head>

    <body>
    <div id="ScrollDiv">
    <table width="80" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td><p>afafas</p>
    <p>asfdsa</p>
    <p>fsa</p>
    <p>fsafsa</p>
    <p>fsa</p>
    <p>fsa</p>
    <p>fsaf</p>
    <p>sf</p>
    <p>safsad</p>
    <p>fsadf</p>
    <p>asfas</p>
    <p>fsa</p>
    <p>safsa</p>
    <p>fsa</p>
    <p>fsaf</p>
    <p>asfas</p>
    <p>fasfsa</p></td>
    </tr>
    </table>
    </div>
    </body>
    </html>

    Daniel Jamin Guest

Similar Threads

  1. Adding scrollbar to a table
    By soflaimports webforumsuser@macromedia.com in forum Macromedia Dreamweaver
    Replies: 8
    Last Post: July 24th, 07:13 AM
  2. Table with a scrollbar?
    By withhisstripes in forum Macromedia Dynamic HTML
    Replies: 0
    Last Post: September 14th, 11:20 PM
  3. Replies: 0
    Last Post: September 10th, 05:33 PM
  4. Replies: 2
    Last Post: August 12th, 07:55 AM
  5. Scrollbar + Table
    By Dan Vendel *GOF* in forum Macromedia Dreamweaver
    Replies: 3
    Last Post: July 17th, 12:36 PM

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
  •  

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139