scrollbar styling (Full Version)

All Forums >> [Web Development] >> Cascading Style Sheets



Message


c1sissy -> scrollbar styling (10/24/2003 16:47:07)

I wanted to try out the style for the scrollbar on the browser being colored, however it isn't working out.

I have the style in the body of the stylesheet as it states to do, and even copied and pasted their code just to make sure that I had it correct, and it isn't working.

If someone could help me out with this I would appreciate it.

below is how i have the body style

body {
scrollbar-base-color: #000000;
scrollbar-track-color: #c0c0c0;
scrollbar-arrow-color: #c0c0c0;
}




Shirley -> RE: scrollbar styling (10/24/2003 17:00:07)

looks okay to me
you know it only works in IE




c1sissy -> RE: scrollbar styling (10/24/2003 17:04:22)

quote:

ORIGINAL: Shirley

looks okay to me
you know it only works in IE


Hi Shirley, thanks for the quick answer.

Unfortunatly it isn't working at all for me.

Here is the link
http://hwcssvu.tripod.com/
You'll want to get to the week 3 pages of the homework (well, lol class is actually over, but I"m not done playing yet[;)])

What am I missing?

According to what I have read, all you need to do to get this to work is place it in your body. Did that. Is there soemthing that I am missing with java script or something else?[&o]




Shirley -> RE: scrollbar styling (10/24/2003 18:18:10)

hmmm....
I opened your stylesheet on my pc and attached it to a page and it turned the scrollbar black




c1sissy -> RE: scrollbar styling (10/24/2003 18:26:24)

quote:

ORIGINAL: Shirley

hmmm....
I opened your stylesheet on my pc and attached it to a page and it turned the scrollbar black

[:(][:(][:(]
You got it to work on your machine? hmmm I have IE6! All sites that I go to that have them work. Mine doesn't?[&o][&o][&o]

Well[;)] main thing is that it worked for the user! Just not for me! I would like to play with it a bit more but since I can't see the results, I'm not sure what to do!

I have even double checkd all styles/tags etc.... to make sure that they are all closed appropriatly. I don't think I missed anything?

Totally blown away here with boggled mind!




Shirley -> RE: scrollbar styling (10/24/2003 18:34:30)

no.. it doesn't work on your site
the style sheet worked when I attached it to one of my pages.

http://www.moneytreesystems.com/test.htm

I just linked to your stylesheet on your website

Now this is BAZAAR... it worked a minute ago and now it doesn't

If I copy your style sheet and put it on my server with the page it works.
http://www.moneytreesystems.com/test2.htm




c1sissy -> RE: scrollbar styling (10/24/2003 19:54:47)

quote:

ORIGINAL: Shirley

no.. it doesn't work on your site
the style sheet worked when I attached it to one of my pages.

http://www.moneytreesystems.com/test.htm

I just linked to your stylesheet on your website

Now this is BAZAAR... it worked a minute ago and now it doesn't

If I copy your style sheet and put it on my server with the page it works.
http://www.moneytreesystems.com/test2.htm


Wow that is weird, the first link doesn't work!

The second one does!

I don't understand this!

I thought that maybe it was due to this being on a site hosted by a free host, but then why wouldn't it work on my machine?

And the other weird thing is when I hit refresh, it looks like it wants to work, but can't seem to struggle into the working mode.

(btw, I did squeal with delight when I see the thing in action on your server, thanks for sharing![;)])




c1sissy -> RE: scrollbar styling (10/24/2003 21:10:08)

Shirley:
Just out of curosity, what does your dtd look like?

You aren't going to believe this. I added the prolog, which I have left out due to numerous areas of discussions on different forums ([&o] I admit, I wander occasionally[&o]) It appears to be about 50-50 for including and not including this in the document. ANYHOW, I added it, and bingo! instand scroll bar!!!!




Nancy -> RE: scrollbar styling (10/24/2003 22:19:14)

Possibly Tripod doesn't allow "hot linking" - not only for images but also for stylesheets??

I am pretty sure that geocities works that way.

Nancy




AMysticWeb -> RE: scrollbar styling (10/24/2003 23:13:53)

Hi Deb,

I don't know if this helps.

I use the following in my <Head> area.

<style type="text/css">body
{ scrollbar-face-color: #4A1073;
scrollbar-shadow-color: #4A1073;
scrollbar-base-color: #4A1073;
scrollbar-highlight-color:
#E0E0E0; scrollbar-3dlight-color: #000000;
scrollbar-darkshadow-color: #E0E0E0;
scrollbar-track-color:
#E0E0E0;
scrollbar-arrow-color: #E0E0E0 }
</style>




c1sissy -> RE: scrollbar styling (10/24/2003 23:22:39)

quote:

Nancy
Possibly Tripod doesn't allow "hot linking" - not only for images but also for stylesheets??


Nancy, the stylesheets do work. The only problem that I was having was with the scrollbar, which I do realize is not css standard, but, wanted to have fun with it anyhow.

Michael:
Thanks for the info.

Just curious, do you use the prolog before your dtd? It was really weird, as soon as I added this to the page the scrollbar immediately appeared as I had wanted it to! Maybe because the prolog causes the browsers to act differently, and with scrollbars not being css standard, it takes the prolog to get it to work? (hope that I am making sense here, grin)




Nancy -> RE: scrollbar styling (10/25/2003 0:24:58)

Actually I meant that as the reason it didn't work for Shirley -- when she directly linked to it, but it worked for her second link.

And yes, I noticed the stylesheet does work. Isn't the lacking prolog what sends a browser into quirks mode?

Nancy




c1sissy -> RE: scrollbar styling (10/25/2003 8:42:28)

quote:

Actually I meant that as the reason it didn't work for Shirley -- when she directly linked to it, but it worked for her second link.

[sm=icon_redface.gif][sm=icon_redface.gif][sm=icon_redface.gif]
ooops, sorry Nancy

Yes, it was missing the prolog.

I inserted it and the scrollbar worked right away.

Page also validated before I loaded it up. btw, the prolog is only on week 3 of the homework. I have not yet added it to the rest. Also, I might only just leave it on that one page as I know that the scrollbar isnt a css standard. However, I wanted to try it out just to have fun with it[;)]




Long Island Lune -> RE: scrollbar styling (10/25/2003 22:21:23)

Hey Deb - the scroll bar looks great. [:)]




c1sissy -> RE: scrollbar styling (10/25/2003 22:54:07)

quote:

ORIGINAL: Long Island Lune

Hey Deb - the scroll bar looks great. [:)]


Thanks LIL!!
Hey, I emailed you a few links of the things that I just did.[;)]




Long Island Lune -> RE: scrollbar styling (10/26/2003 15:37:32)

Hey Deb,

I just checked out your other links. The boxes look great. Positioning, coloring, sizing. [:)][;)]




c1sissy -> RE: scrollbar styling (10/26/2003 17:12:17)

quote:

ORIGINAL: Long Island Lune

Hey Deb,

I just checked out your other links. The boxes look great. Positioning, coloring, sizing. [:)][;)]


Thanks LIL.!
I should post them on the homework link. Also both places that I have them posted. I had them with tripod, however the adds that tripod places on the pages throws the boxes of. Interesting to see this! So I moved them to domaindlx. I'll most likely post in both places so that I can see what a free host with adds can do to your work[:D][8D][;)]. This would help others who are learning as well to see what can happen with the adds.




Long Island Lune -> RE: scrollbar styling (10/26/2003 18:28:30)

Yeah, I noticed a banner ad popup on one of the homework pages. Oh Deb - your so commerical LOL [:D]. Was that from your free ISP? If they popup only once, that's OK in my book.

I also see a W3C banner/ad on your box pages.
That's YOUR link right? [;)]




c1sissy -> RE: scrollbar styling (10/26/2003 20:08:24)

quote:

I also see a W3C banner/ad on your box pages.
That's YOUR link right?

Grin, you better believe it[;)]
Most likely best to keep it validated as you go along, this way you don't have a ton to take care of at the end of creating the page. grin.




Page: [1]

Valid CSS!




Forum Software © ASPPlayground.NET Advanced Edition 2.4.5 ANSI
0.09375