SitePoint Sponsor

User Tag List

Results 1 to 6 of 6
  1. #1
    SitePoint Member LittleMan's Avatar
    Join Date
    May 2002
    Location
    PA
    Posts
    12
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Question My Colored Scrollbars Not Showing?

    Hi,
    I'm new to building webpages outside of WebTv, & I'm having some technical difficulties. On one of the pages I'm working on, I'm trying to add colored scrollbars, but they won't show up when I view the page? I'm using IE6 & they show up on other sites, so I'm guessing it's my code. Can anyone assist? It would be greatly appreciated.

    The page:
    http://www.wtv-zone.com/lillad/toolz/css-maker.html

    My Code:
    <style type="text/css">
    <!-- Begin
    BODY {
    scrollbar-face-color: 404040;
    scrollbar-highlight-color: 808080;
    scrollbar-3dlight-color: 404040;
    scrollbar-darkshadow-color: 000000;
    scrollbar-shadow-color: 606060;
    scrollbar-arrow-color: b7b8c6;
    scrollbar-track-color: 202020;
    }
    // End -->
    </style>

    Thanx,
    LittleMan

  2. #2
    @russellg RussellG's Avatar
    Join Date
    Jun 2000
    Location
    Gold Coast, Queensland
    Posts
    449
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I think its because you are using an old doctype:

    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Transitional//EN">
    Change it to:

    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    I think thats right.
    russell.cz.cc - coming soon (I promise!)

  3. #3
    Grumpy Mole Man Skunk's Avatar
    Join Date
    Jan 2001
    Location
    Lawrence, Kansas
    Posts
    2,066
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    It could be because you forgot to add the # to your colour codes. Try using this:
    Code:
    <style type="text/css">
    <!-- Begin
    BODY {
    scrollbar-face-color: #404040;
    scrollbar-highlight-color: #808080;
    scrollbar-3dlight-color: #404040;
    scrollbar-darkshadow-color: #000000;
    scrollbar-shadow-color: #606060;
    scrollbar-arrow-color: #b7b8c6;
    scrollbar-track-color: #202020;
    }
    // End -->
    </style>

  4. #4
    SitePoint Member LittleMan's Avatar
    Join Date
    May 2002
    Location
    PA
    Posts
    12
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hey,
    Thanx for the quick replies
    I tried both suggestions, still no dice.
    I even tried strict.

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

    I don't see why it's not working???
    Can anyone else see the colored scrollbars?


    LittleMan

  5. #5
    SitePoint Zealot 19nine78's Avatar
    Join Date
    Feb 2002
    Location
    Ayr, scotland
    Posts
    135
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    First off, remove the 'begin' and 'end' parts from your comments, the browsers mistaking them for classnames. Secondly, IE considers the <HTML> element to be the document when in strict mode (as per your doctype), not <body> so apply your css to html instead.

    eg.
    <style type="text/css">
    <!--
    html {
    scrollbar-face-color: #404040;
    scrollbar-highlight-color: #808080;
    scrollbar-3dlight-color: #404040;
    scrollbar-darkshadow-color: #000000;
    scrollbar-shadow-color: #606060;
    scrollbar-arrow-color: #b7b8c6;
    scrollbar-track-color: #202020;
    }
    // -->
    </style>

    reference http://msdn.microsoft.com/library/de...hancements.asp

    cheers

    alastair

  6. #6
    SitePoint Member LittleMan's Avatar
    Join Date
    May 2002
    Location
    PA
    Posts
    12
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Thumbs up

    WooooHooooo.....That worked, Thanx for the help, I appreciate it!!!


    Peace,
    LittleMan


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
  •