scroll bar styles

RichardJones · #1 March 22nd, 2003, 09:21 PM

Hi

I have visited some web sites recently that have a different style of scroll bar. They are coloured differently and tend to have different a different style to the conventional windows one. For example here and here Out of interest how is this done? I dont know much about CSS but is it to do with this?

Cheers
Rich

**degsy** · #2 March 22nd, 2003, 11:27 PM

Try one of these Scrollbar Generators
http://www.google.com/search?q=scrollbar+generator

RichardJones · #3 March 23rd, 2003, 09:28 PM

Thanks for the reply degsy

Richard

ICE BLUE · #4 March 28th, 2003, 06:58 AM

I allso showd how to do this in the tutorial under your tabels post

http://www.cybertechhelp.com/forums/...threadid=16108

Madge · #5 April 6th, 2003, 03:00 PM

Did you get these to work, Richard?

I never can, which is strange as there is not much that can go wrong.

It is not a browser version problem (I use IE 6.0) because they work fine for me on the generator websites.

I have tried limiting myself to websafe colours. Still no joy.

I have tried them in the page heads and in my external stylesheet.

I have carefully checked my code and punctuation, and anyway the ones I have cut and pasted from generator websites are identical to my own.

Anyone else have problems?

Another question: when I validate the stylesheet with the scrollbar colours included, the W3Schools Validator says they are not recognised. Are they too new? Or on the way out?

It's a pity because, while I generally dislike webpage gimmicks, this is one gimmick that leaves the page less cluttered-looking.

**degsy** · #6 April 6th, 2003, 03:24 PM

Madge, if you post your code we'll take a look.

Scrollbar colours are not part of the CSS spec. They are propriety attributes that only certain browsers support.

Madge · #7 April 6th, 2003, 08:34 PM

Hi Degsy

There had to be a simple answer. It's the XHTML 1.0 Transitional Document Type Declaration wot dun it! Once deleted, I can have scrollbars in any shade of clashing puce and magenta I desire.
But I want exquisitely tasteful scrollbars that harmonise with my pages and retain the DTD.

In response to one of my first postings you referred me to the site of "Out of the Trees". I thought those gurus must adhere to the DTD so I went back just now to see how they did it.

http://www.outofthetrees.co.uk/

They do adhere to the Strict DTD but looks like they had to give up their cute green and brown scrollbars to achieve adherence.

I was going to ask if there was some clever masking trick that would let me have it both ways, but if they don't know one I don't stand much chance. Pity.

[It's a been a bad weekend. My team lost 1-6 at home. Good thing no-one on this site supports the opposition.]

I suppose theoretically one could write one's own DTD which allows it (?), but all that's way beyond me at present.

Steven.Bentley · #8 April 6th, 2003, 08:47 PM

Quote:

It's a been a bad weekend. My team lost 1-6 at home. Good thing no-one on this site supports the opposition.

I wouldn't be so sure

*sings Marching On Together very badly*

**degsy** · #9 April 6th, 2003, 09:03 PM

It shouldn't make a difference to the validation.
Ofcourse that it won't validate as CSS.

Post your code or link to your file as I would like to take a look.

ICE BLUE · #10 April 7th, 2003, 04:07 AM

Right scroll bars are not TURE CSS and wont be this will cause your page to NOT validate buy W3C standards. You can however use Java Script scroll bars to over come this!

And

Quote:

Madge Did you get these to work,

Hmm probable couses of it not working.
Did you use externeal style sheets? You must allso specify a.
BODY { } inside the <head> for this to work, it wont over write the style BODY {} in the external sheet ital just add to it. But for some resone they must allso be in the HEAD in a <style> </style> tags :-/. other couses...
Brower is not supprting the type of comands of the style remember you may be using a mozila ocmplient scroll bar setings and not I.E. YES they are different. You do not have the code typed corect or not in the right place.

THATS IT!

Madge · #11 April 7th, 2003, 06:50 PM

Degsy and Ice Blue: thank you for your responses
Richard: sorry I gatecrashed your party. Are you still with us?
Steven: I'm not speaking to you for a week!

I have made four test pages. With and without the DTD, and using external stylesheets or page head style scripts. Start here:

http://www.elmbridge.info/scrollbars/test.A.htm

Incidentally it's not just the XHTML 1.0 DTD that (appears) to negate the scrollbar styling. I tried the HTML 4.01 Strict DTD on my local drive with the same result.

I was relieved when Degsy said that the DTD could not affect it. I thought that I was getting an initial understanding of XHTML and my understanding was that the DTD was outside the HTML and could not affect it. I was therefore a bit miffed when I made my (possibly bogus) discovery and relieved when Degsy reinforced my initial thinking.

So what is going on?

**degsy** · #12 April 7th, 2003, 07:26 PM

You're right Madge. The DTD's are disabling the scrollbar.

I've been using the XML/XHTML DTD.

Code:

<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Untitled Document</title>
.....
...
.

Scrollbars work if you use that.

Madge · #13 April 7th, 2003, 08:51 PM

Degsy

Yes, works for me too.

I'm relieved it wasn't me missing something elementary again, but I am getting out of my depth here.

1) If I use that DTD, where can I go to validate my pages?

2) Most of my site is within frames. Is there a frameset version of this DTD, or do I just use one DTD for all?

3) I have just noticed that after I have added these scrollbar styles, if a scrollbar is not needed (all the page fits comfortably within the window) an inert scrollbar remains. Can this be avoided? Is there another [property:value] I can add to the "body" element that says "only appear when needed"?

I do love my formatted scrollbars, but on my first timid visit to this site a certain Senior Memo reproached me for using deprecated elements and I have been trying to fly straight ever since.

Madge · #14 April 7th, 2003, 08:54 PM

Senior Member, not Senior Memo! (Guess what I have been doing all day at work!)

**degsy** · #15 April 7th, 2003, 09:18 PM

Quote:

1) If I use that DTD, where can I go to validate my pages?

2) Most of my site is within frames. Is there a frameset version of this DTD, or do I just use one DTD for all?

You can still use http://validator.w3.org/

The DTD address is the same as for XHTML. The only additions are the first line and the addition to the html tag.

<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

So the Frameset DTD would be

<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

Quote:

3) I have just noticed that after I have added these scrollbar styles, if a scrollbar is not needed (all the page fits comfortably within the window) an inert scrollbar remains. Can this be avoided? Is there another [property:value] I can add to the "body" element that says "only appear when needed"?

It's the default in IE.

Similar Topics
Topic	Topic Starter	Forum	Replies	Last Post
Visual Styles	ccnp trainee	Windows 7	1	January 10th, 2011 01:37 PM
how can I use different styles on XP without using apps like windowblinds??	unh0ly_freak	Windows XP	8	August 13th, 2007 11:35 PM
posting styles	MadMedic	Open Discussion	4	October 19th, 2006 07:41 PM
No Visual Styles in Win2003	Fuelm@n	Windows NT, 2000, 2003, 2008, 2012	1	August 4th, 2003 03:59 AM
Life Styles	FrostyPhrog	Open Discussion	19	November 8th, 2000 07:21 PM