Color Scroll Bar in FrontPage 2002?

  • Thread starter Thread starter Michael Moyers
  • Start date Start date
M

Michael Moyers

I have been trying to get "color scroll bars" to work in FrontPage 2002. I
have tried embedding the code and by using and external CSS file. A friend
of mine has "color scroll bars" working but he isn't using FrontPage, he
look at the code below and thought everything look correct. He even went as
far as putting his exact code in my files and it still didn't work.



Does any one know how to get "color scroll bars" to work in FrontPage 2002?



This is the current code I have in the "Head" section of the HTML code. I
used an absolute reference here just because nothing else worked, this isn't
working either.



<link rel="stylesheet" type="text/css"
href="http://www.atnj.com/scroll-bar.css">

</style>





This is what the CSS file looks like:



BODY {



background-color:black;

color:pink;

scrollbar-highlight-color:red;

scrollbar-3dlight-color:red;

scrollbar-shadow-color:red;

scrollbar-darkshadow-color:red;

scrollbar-arrow-color:pink;

scrollbar-face-color:black;

scrollbar-track-color:pink;

}





---Mike
 
I'm sure the code is right but maybe I have it in the wrong place. I have
it in the "style" section, but I'm still not sure what I am doing wrong.
The web page is www.atnj.com

Thanks.
 
Try this.
copy and paste it, replacing
what's on your page


<style>
body {
..decoration img {display: block;}
}
body {
li.MsoNormal
{mso-style-parent:"";
margin-bottom:.0001pt;
font-size:12.0pt;
font-family:"Times New Roman";
margin-left:0in; margin-right:0in; margin-top:0in}
}
body {
scrollbar-arrow-color: yellow;
scrollbar-base-color: black;
scrollbar-dark-shadow-color: yellow;
scrollbar-track-color: green;
scrollbar-face-color: blue;
scrollbar-shadow-color: white;
scrollbar-highlight-color: silver;
scrollbar-3d-light-color: black;
}
</style>
 
I just noticed that you are using a theme stylesheet
on the page. I believe it is over riding the style tags
you are trying to add manually.

Try adding the scrollbar settings to the theme style sheet.
all you need to add to it is:

body {
scrollbar-arrow-color: yellow;
scrollbar-base-color: black;
scrollbar-dark-shadow-color: yellow;
scrollbar-track-color: green;
scrollbar-face-color: blue;
scrollbar-shadow-color: white;
scrollbar-highlight-color: silver;
scrollbar-3d-light-color: black;
}
 
Ths styles should cascade since there is no conflict w/ the theme styles
But IE 6 styles are afected by the DOCTYPE
See
http://msdn.microsoft.com/library/default.asp?url=/library/en-us/dnie60/html/cssenhancements.asp
Try changing the doc type
from
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
to
<!doctype html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

PS -- The 1st 2 other "body" styles are illegally nested styles, and should be deleted
These are not valid styles:
body { .decoration img {display: block;} }
body {
li.MsoNormal
{mso-style-parent:""; margin-bottom:.0001pt;
font-size:12.0pt; font-family:"Times New Roman";
margin-left:0in; margin-right:0in; margin-top:0in} }

That 1st style (li.MsoNormal) looks like a MS Word which you may want to delete
--



| I just noticed that you are using a theme stylesheet
| on the page. I believe it is over riding the style tags
| you are trying to add manually.
|
| Try adding the scrollbar settings to the theme style sheet.
| all you need to add to it is:
|
| body {
| scrollbar-arrow-color: yellow;
| scrollbar-base-color: black;
| scrollbar-dark-shadow-color: yellow;
| scrollbar-track-color: green;
| scrollbar-face-color: blue;
| scrollbar-shadow-color: white;
| scrollbar-highlight-color: silver;
| scrollbar-3d-light-color: black;
| }
|
|
|
| --
| 95isalive
| This site is best viewed..................
| ..............................with a computer
|
|
| | > Thanks for you time on this. sorry to report it still isn't working. :(
| >
| > --Mike
| >
| >
| > | > > Try this.
| > > copy and paste it, replacing
| > > what's on your page
| > >
| > >
| > > <style>
| > > body {
| > > .decoration img {display: block;}
| > > }
| > > body {
| > > li.MsoNormal
| > > {mso-style-parent:"";
| > > margin-bottom:.0001pt;
| > > font-size:12.0pt;
| > > font-family:"Times New Roman";
| > > margin-left:0in; margin-right:0in; margin-top:0in}
| > > }
| > > body {
| > > scrollbar-arrow-color: yellow;
| > > scrollbar-base-color: black;
| > > scrollbar-dark-shadow-color: yellow;
| > > scrollbar-track-color: green;
| > > scrollbar-face-color: blue;
| > > scrollbar-shadow-color: white;
| > > scrollbar-highlight-color: silver;
| > > scrollbar-3d-light-color: black;
| > > }
| > > </style>
| > >
| > >
| > > --
| > > 95isalive
| > > This site is best viewed..................
| > > ..............................with a computer
| > >
| > >
| >
| >
|
|
 
Stefan,

You are a GOOD research person! That was the answer :) Thanks for helping
out!

As an FYI, the reason for the "extra" "body" statements was that it was
someone's suggestion, so I tried it out. I have removed.

Thanks for everyone's help and suggestions! I'm glad it is working now.

--Mike
 
Back
Top