57 users online (1 members and 56 guests)  


  Results 1 to 6 of 6

Related

  1. Replies: 1
  2. special webpage with scroll bar    Forum: HTML Forum
    Replies: 8
  3. Scroll bar in table cell help    Forum: HTML Forum
    Replies: 14
  4. table with scroll bar    Forum: HTML Forum
    Replies: 2
  1. #1
    jkat's Avatar
    New User

    Status
    Offline
    Join Date
    Oct 2003
    Posts
    2

    scroll table within webpage

    Hi...I'm just trying to the news on my default page in a scrollable table, so it's not just laying out on the page in space. my page is www.thecandlelightopera.com/theclo.asp
    Once I learn that code, I would like to use it to make the other pages more aesthetically pleasing. Could you lend a hand? Thanks!!

  2. #2
    coothead's Avatar
    bald headed old fart

    Status
    Offline
    Join Date
    Aug 2003
    Location
    chertsey, a small town 25 miles south west of london, england.
    Posts
    732
    Hi there jkat,

    Your page has many errors in the layout...
    I have tidied up some of them and would suggest that you put your 'javascript' in an external file also..see attached file.
    As to your question about a a scrollable table you will see that I have inserted this line in the appropriate place

    <div style="overflow-y:scroll; height:200px;">

    and a closing

    </div>

    a little further down...adjust the height to suit your needs.

    cthead
    Attached Files Attached Files

  3. #3
    jkat's Avatar
    New User

    Status
    Offline
    Join Date
    Oct 2003
    Posts
    2
    thanks!!! is there a way to edit the aesthetics of the arrows, bg color in the scrollbox, etc?

  4. #4
    coothead's Avatar
    bald headed old fart

    Status
    Offline
    Join Date
    Aug 2003
    Location
    chertsey, a small town 25 miles south west of london, england.
    Posts
    732
    Hi there jkat,

    The good news is yes you can
    The bad news is it only works in IE

    Put this in your style sheet

    div.one
    {
    overflow-y: scroll;
    height: 200px;
    scrollbar-face-color: #2a3952;
    scrollbar-shadow-color: #333333;
    scrollbar-highlight-color: #6e88b1;
    scrollbar-3dlight-color: #000000;
    scrollbar-darkshadow-color: #000000;
    scrollbar-track-color: #195476;
    scrollbar-arrow-color: #ffffff;
    }

    Then change <div style="overflow-y: scroll; height: 200px"> to...

    <div class="one">... then change colors to taste

    cthead

  5. #5
    paulfeakins's Avatar
    New User

    Status
    Offline
    Join Date
    Nov 2003
    Posts
    1

    Ay?

    I can't even see a scroll bar when I go to that page, what's going on? I want to make a little scroll pane with some HTML content in there, just a bit of text and a few images, how do I do that then?

    Paul.

  6. #6
    QuietDean's Avatar
    Administrator

    Status
    Offline
    Join Date
    Oct 2000
    Location
    Bournemouth, UK
    Posts
    2,662
    Hi there, welcome to the forums.

    This page has an example of how to make a scrollboxpage with HTML inside it.

    http://css.somepeople.net/?=Syntax
    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?



Tags for this Thread