SitePoint Sponsor

User Tag List

Results 1 to 22 of 22
  1. #1
    SitePoint Wizard bronze trophy
    Join Date
    Apr 2003
    Posts
    4,095
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Unhappy Validating Scrollbar Colors

    Hello,

    On my site, I'm using a nifty Microsoft extension to W3C CSS. Using it, I've set the scrollbar colors of the page to match the color scheme of the site. However, since it's not actually valid CSS, when I attempt to validate the style sheet, I get a big fat error.

    I realize that using nonstandard extensions is not all that great, but is there a way I can use the scrollbar color extensions but still get my style sheet to validate? Thanks in advance.

    Compuwhiz7

  2. #2
    SitePoint Addict hurricane.uk's Avatar
    Join Date
    May 2003
    Location
    Liverpool
    Posts
    361
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Nope, if it's not in the spec it's not valid.

  3. #3
    SitePoint Wizard bronze trophy
    Join Date
    Apr 2003
    Posts
    4,095
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Smile Yes...

    Hello,

    I realize that.

    Time to remove the nice scrollbar colors...

    Thanks for your help, Hurricane.

    Compuwhiz7

  4. #4
    SitePoint Evangelist ucahg's Avatar
    Join Date
    Apr 2001
    Location
    Sarnia, Ontario, Canada
    Posts
    434
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Actually, if you enclose the scrollbar stylesheets in IE's conditional comments (you'll need to enclose an entire <style>...</style> or <link>), you can have it validate as a comment, but IE will actually interpret it.
    So you could include that CSS as follows:
    HTML Code:
    <!--[if IE 5.0]>
    <style>
    [i]scrollbar color css[/i]
    </style>
    <![endif]-->
    However in IE6, scrollbar colors only appear in quirks mode, not to mention that there are those who don't appreciate scrollbar colors, and that this method outlined above is really cheating the standards.
    Love it? Hate it? Helpful? Useless?
    Use the rate button to let me know what you think of my post!

  5. #5
    SitePoint Addict hurricane.uk's Avatar
    Join Date
    May 2003
    Location
    Liverpool
    Posts
    361
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    It's also not too accessible, the colour combo you decide on may not be the most appropriate choice for someone with colour blindness, it also may confuse some people.

    Not to mention it's tacky

  6. #6
    SitePoint Wizard bronze trophy
    Join Date
    Apr 2003
    Posts
    4,095
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Smile Hmmm...

    Hello,

    Thanks for your posts. With the conditional comments system, how could I use that in a linked style sheet? If it's not possible, I can very easily migrate to inline styles...

    As for "tackiness..." aye, that's an issue that I'm not too concerned about.

    Compuwhiz7

  7. #7
    SitePoint Addict hurricane.uk's Avatar
    Join Date
    May 2003
    Location
    Liverpool
    Posts
    361
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    It needs to be in the page, rather than the style sheet.

  8. #8
    SitePoint Wizard bronze trophy
    Join Date
    Apr 2003
    Posts
    4,095
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Smile Thanks

    Hello,

    Okay... thanks very much for your help.

    Compuwhiz7

  9. #9
    "Of" != "Have" bronze trophy Jeff Lange's Avatar
    Join Date
    Jan 2003
    Location
    Calgary, Canada
    Posts
    2,063
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Check my post here on the subject here: http://www.sitepointforums.com/showt...044#post907044, also the IE conditional should be
    Code:
    <!--[if gte IE 5.0]>[...]<![endif]-->
    Note the gte, which means greater than or equal to.
    Who walks the stairs without a care
    It shoots so high in the sky.
    Bounce up and down just like a clown.
    Everyone knows its Slinky.

  10. #10
    Super Ninja Monkey Travis's Avatar
    Join Date
    Dec 2001
    Location
    Sioux City, Iowa
    Posts
    691
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I think scrollbar styles work with IE6 in standards mode if they are in the html {} style.
    Travis Watkins - Hyperactive Coder
    My Blog: Realist Anew
    Projects: Alacarte - Gnome Menu Editor

  11. #11
    "Of" != "Have" bronze trophy Jeff Lange's Avatar
    Join Date
    Jan 2003
    Location
    Calgary, Canada
    Posts
    2,063
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Yup, I included that in my linked post.
    Who walks the stairs without a care
    It shoots so high in the sky.
    Bounce up and down just like a clown.
    Everyone knows its Slinky.

  12. #12
    SitePoint Wizard bronze trophy
    Join Date
    Apr 2003
    Posts
    4,095
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Talking Wow!

    Hello,

    Thanks for your post, Jeff... really helped me out.

    Rep given.

    Compuwhiz7

  13. #13
    SitePoint Wizard silver trophy TheOriginalH's Avatar
    Join Date
    Aug 2000
    Location
    Thailand
    Posts
    4,811
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by compuwhiz7
    Hello,

    As for "tackiness..." aye, that's an issue that I'm not too concerned about.

    Compuwhiz7


    That's the sort of brutal honesty I like
    ~The Artist Latterly Known as Crazy Hamster~
    922ee590a26bd62eb9b33cf2877a00df
    Currently delving into Django, GIT & CentOS

  14. #14
    ☆★☆★ silver trophy vgarcia's Avatar
    Join Date
    Jan 2002
    Location
    in transition
    Posts
    21,236
    Mentioned
    1 Post(s)
    Tagged
    1 Thread(s)
    Off Topic:

    On a related note (and my own personal preferences aside), Opera 7.2 will support colored scrollbars like IE does, so you have yet another browser that you can view 'em on.

  15. #15
    SitePoint Wizard DougBTX's Avatar
    Join Date
    Nov 2001
    Location
    Bath, UK
    Posts
    2,498
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by compuwhiz7
    However, since it's not actually valid CSS, when I attempt to validate the style sheet, I get a big fat error.
    I would argue that as long as they are well-formed (in the CSS sense), just leave then in the style sheet. If a snobby standards compliant browser comes along, it should just folow the "don't understand it, don't render it" line in the standards.

    No browser specific fudges, (hacks or not), and cleaner HTML (throw in a comment in the code too though, "only for IE and Opera7.2").

    Douglas
    Hello World

  16. #16
    "Of" != "Have" bronze trophy Jeff Lange's Avatar
    Join Date
    Jan 2003
    Location
    Calgary, Canada
    Posts
    2,063
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Well if you use my Javascript method, it will work in Opera and IE, as well as validate, and browsers that don't support it will just assign some variables, no big deal.

    You don't need to detect the browser, it will work with everything, and it will validate.
    Who walks the stairs without a care
    It shoots so high in the sky.
    Bounce up and down just like a clown.
    Everyone knows its Slinky.

  17. #17
    SitePoint Wizard DougBTX's Avatar
    Join Date
    Nov 2001
    Location
    Bath, UK
    Posts
    2,498
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Except that it uses javascript
    Hello World

  18. #18
    ☆★☆★ silver trophy vgarcia's Avatar
    Join Date
    Jan 2002
    Location
    in transition
    Posts
    21,236
    Mentioned
    1 Post(s)
    Tagged
    1 Thread(s)
    Quote Originally Posted by Jeff Lange
    You don't need to detect the browser, it will work with everything, and it will validate.
    Off Topic:

    It will validate to the letter of the specs yes, but not the spirit. I know that's neither here nor there, and scrollbar colors is a rather trivial thing anyway, but hey, just thought I'd throw that in there

  19. #19
    SitePoint Evangelist ucahg's Avatar
    Join Date
    Apr 2001
    Location
    Sarnia, Ontario, Canada
    Posts
    434
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    While I don't mind scrollbar colors when used as a subtle effect on the whole web page, I can understand where those who don't like it are coming from, and in a way I agree.

    However, I think that modifying the scrollbar colors of textareas to be just as acceptable as modifying the inputs and buttons of the form already. What do you think about that? Do you still think they should be left as the default?
    Love it? Hate it? Helpful? Useless?
    Use the rate button to let me know what you think of my post!

  20. #20
    "Of" != "Have" bronze trophy Jeff Lange's Avatar
    Join Date
    Jan 2003
    Location
    Calgary, Canada
    Posts
    2,063
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by ucahg
    While I don't mind scrollbar colors when used as a subtle effect on the whole web page, I can understand where those who don't like it are coming from, and in a way I agree.

    However, I think that modifying the scrollbar colors of textareas to be just as acceptable as modifying the inputs and buttons of the form already. What do you think about that? Do you still think they should be left as the default?
    Just read this post; right after I made mine in the other thread about form objects.

    Agreed.
    Who walks the stairs without a care
    It shoots so high in the sky.
    Bounce up and down just like a clown.
    Everyone knows its Slinky.

  21. #21
    SitePoint Wizard bronze trophy
    Join Date
    Apr 2003
    Posts
    4,095
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Thumbs down No!

    Hello,

    From a purely aesthetic standpoint, I don't think that developers should leave the scrollbar and form object colors to the default. If they are left up to the OS, they often look quite awful in comparison with the rest of the page.

    I would me nice, though, if all our sites could run full screen... then we could have total control over every aspect of the appearance. I guess i'm just a control freak.

    Compuwhiz7

  22. #22
    ☆★☆★ silver trophy vgarcia's Avatar
    Join Date
    Jan 2002
    Location
    in transition
    Posts
    21,236
    Mentioned
    1 Post(s)
    Tagged
    1 Thread(s)
    Quote Originally Posted by compuwhiz7

    I would me nice, though, if all our sites could run full screen... then we could have total control over every aspect of the appearance. I guess i'm just a control freak.

    Compuwhiz7
    Fullscreen at what resolution though? 800x600, 1280x960, 1600x1024? Even if your page is running fullscreen you can't predict how big the browser window will be.


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
  •