Color Scroll Bar in FrontPage 2002?

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
 
M

Michael Moyers

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.
 
S

Steve Easton

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>
 
S

Steve Easton

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;
}
 
S

Stefan B Rusynko

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
| > >
| > >
| >
| >
|
|
 
M

Michael Moyers

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
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Similar Threads

Changing the browser scroll bar 12
Where to place code 4
How Do I Create a Scrolling Text Box For News Items On My Website? 7
accents do not work 2
scroll bar color 3
Scroll Bar Colour 0
Print from Explorer 7. does not work 1
Printing from MS IE 7.0 5

Top