colored scrollbars

**jansopshier** · Dec 24, 2001 21:11

I use IE6 with my XP pc. I can view sites with the colored scrollbars on IE6 but I cannot get my new design to implement it. I can place the correct code but it will not show up on my browser.

What am I doing wrong?

Thanks,
jan

**Aes** · Dec 24, 2001 22:23

Any chance you could let us see the code that you are using?

**PalmerB** · Dec 25, 2001 01:00

http://jansown.com/ works fine on my browser. Dark purple scrolls with an orangish arrow. This page lets you put in the colors and you can copy and paste the style sheet...
http://www.siteexperts.com/ie5/tips/ts04/page1.asp

Maybe it might help.

Palmer

**five40** · Dec 25, 2001 08:58

What about inserting a # -character before the hexadecimal color value ? Have you tried that ?

**nspencer** · Dec 25, 2001 11:05

I think five40 is on to something. It did not show up for me, and the # symbol might do the trick.

**jansopshier** · Dec 25, 2001 13:08

Guess I'll try the add the #.

Thanks,
jan

**jansopshier** · Dec 25, 2001 13:20

No Go!

Can someone look at the script and see if I've done something wrong?

http://jansown.com/Tester.html

Nothing is linked within so no need to explore other pages.

Thanks,
jan

**isotope235** · Dec 25, 2001 13:40

jan,

The only thing I see wrong is 2 missing hyphens:

scrollbar-3d-light-color: #43b2bd; scrollbar-dark-shadow-color: #18425a;

Can't tell if thats the problem - don't have a IE 5.5 or 6, so I can't test it.

HTH

**M. Johansson** · Dec 25, 2001 14:01

Have you tried to add it in an external style sheet?

**jansopshier** · Dec 25, 2001 14:08

I added the hyphens and that didn't do it.

I know it can be done because I can view sites with the colored scrollbar on my pc.

I've not tried it in an external style sheet cause I'm not sure how to do something like that.

Thanks,
jan

**five40** · Dec 25, 2001 17:41

OK, so I can see the colored scrollbars on both examples when using IE 5.5 (Win). I viewed jansown.com with IE 6 (Win) and it didn't show colored scrollbars at all.

Now, this might be completely nonsense but the first thought that came to my mind (before I suggested adding the #-sign) was that is there possibility that this has something to do with IE6's different rendering modes (which are chosen by using
DTD's)? As far as I know IE 5.x don't care which DTD you use, maybe this is why I can see those pages correctly.

**jansopshier** · Dec 25, 2001 18:28

Do I need to dump the DOC?

I've always used an editor. This is my 1st attempt of putting everything in Notepad.

There is no telling what the scrollbars look like since I can't view them. I just recently bought a new system which came with IE6. I wish I had IE5.5 back.

Thanks for the suggestions.

jan

**M. Johansson** · Dec 25, 2001 19:02

Originally posted by jansopshier
I've not tried it in an external style sheet cause I'm not sure how to do something like that.

Dead simple:
1. Save the stylesheet as stylesheet.css

2. Put this between your <head> tags:

Code:

<link rel="stylesheet" href="/stylesheet.css" type="text/css">

**jansopshier** · Dec 25, 2001 19:36

Ok, I put the scrollbar code I've been using into notepad and saved it as a text document.

Then I copied/pasted the document into the "my website" folder.

I added the <link rel="stylesheet" href="/stylesheet.css" type="text/css"> between the HEAD tags.

Nothing happened.

I'm an old woman on the verge of senility who is basically a coder beginner.

Thanks,
jan

**M. Johansson** · Dec 25, 2001 21:20

Could you please post the page where you are trying it, and I'll see what is wrong?

**Technosailor** · Dec 25, 2001 23:11

considering that the scrollabr features are not W3C standards, is it possible that IE6 doesn't implement them anymore?

Sketch

**M. Johansson** · Dec 25, 2001 23:21

Originally posted by Sketch
considering that the scrollabr features are not W3C standards, is it possible that IE6 doesn't implement them anymore?

Sketch

Nay, it works. On mine at least. The version that comes with XP.

**mattjacob** · Dec 26, 2001 00:46

The problem lies completely in the doctype that you're using. Use this one below, and you should be OK.

Code:

<!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN">

**Chuckie** · Dec 26, 2001 00:48

ok .. I got it to work by taking out this line of code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">

Then I changed css to this:

<STYLE>

</STYLE>

I don't know if that needed to be done, but it worked for me.

Merry Christmas

Chuck

**mattjacob** · Dec 26, 2001 00:54

The only thing that needs changing is the doctype, like I said in my previous post.

**mattjacob** · Dec 26, 2001 03:55

You might as well make the code look pretty while you're at it...

Code:

<style type="text/css">
<!--
a {
  text-decoration: none
}

a:hover {
  color: #b56c67
  background-color: transparent;
}

body {
  scrollbar-arrow-color: #f96015;
  scrollbar-base-color: #520852;
  scrollbar-darkshadow-color: #520852;
  scrollbar-track-color: #520852
}
-->
</style>

**jansopshier** · Dec 26, 2001 06:21

WOW!! I got up this morning and have all these replies. Can't try them now cause I'm off to work.

Thanks everyone. I won't be able to test any of these until tomorrow evening. Have plans tonight so I won't be able to get online. I will post back on whether they work or not.

Thanks again,
jan

**jansopshier** · Dec 26, 2001 06:32

It's working!!!!!!! Thanks to everyone who took time out to help me. I really appreciate it.

http://jansown.com/Tester.html

Thanks,
jan

PS. Any hints on the title heading would be great. I'm terrible with graphics.

**platinum** · Dec 26, 2001 06:49

If you need some suggestions on your logo... head accross to the site elements review forum...

You'll have to review 3 others first, but after that yoo will get heaps of reviews/suggestions for your heading...

(you can't post your whole site though... just the heading)

**jansopshier** · Dec 26, 2001 17:31

I have reviewed the required number of sites in the past, I just never put my up for review.

Is there anywhere else I can post just about the graphic header in the forum? I don't want a site review until I'm completely finished.

Thanks,
jan

User Tag List

Thread: colored scrollbars

Thread Tools

Display

Hybrid View

colored scrollbars

Pretty Print

Bookmarks

Bookmarks

Posting Permissions