Topic: Style sheet problem

I created a style sheet and had left out the scrollbar options, so I went back to add them in and I can't get it to work. Is there anything wrong with this is style sheet? I can put the scroll bar options in here right?

BODY { FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: Arial,Helvetica; BACKGROUND-COLOR: #ffffff}.body { FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: Arial,Helvetica; BACKGROUND-COLOR: #ffffff}B { FONT-SIZE: 12px; FONT-FAMILY: Arial,Helvetica color:#000000}STRONG { FONT-SIZE: 12px; FONT-FAMILY: Arial,Helvetica color:#ffffff}se { FONT-SIZE: 12px; FONT-FAMILY: Arial,Helvetica color:#000000}H1 { COLOR: #000000; FONT-FAMILY: Arial,Helvetica}H2 { COLOR: #000000; FONT-FAMILY: Arial,Helvetica}H3 { COLOR: #000000; FONT-FAMILY: Arial,Helvetica}H4 { COLOR: #000000; FONT-FAMILY: Arial,Helvetica}H5 { COLOR: #000000; FONT-FAMILY: Arial,Helvetica}H6 { COLOR: #000000; FONT-FAMILY: Arial,Helvetica}H1 { FONT-SIZE: 16px}H2 { FONT-SIZE: 15px}H3 { FONT-SIZE: 14px}H4 { FONT-SIZE: 13px}H5 { FONT-SIZE: 12px}H6 { FONT-SIZE: 10px}A { FONT-WEIGHT: bold; COLOR: #000000; FONT-FAMILY: Arial,Helvetica; TEXT-DECORATION: none}A:hover { FONT-WEIGHT: bold; COLOR: #000000; FONT-FAMILY: Arial,Helvetica; TEXT-DECORATION: none}A.button { FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: Arial,Helvetica; TEXT-DECORATION: none}A.button:hover { FONT-WEIGHT: bold; COLOR: #000000; FONT-FAMILY: Arial,Helvetica; TEXT-DECORATION: none}A.submenu { FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #000000; TEXT-DECORATION: none}A.submenu:hover { COLOR: #000000; TEXT-DECORATION: none}A.navsubmenu { FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #000000}A.navsubmenu:hover { FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #000000}FONT.text { FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: Arial,Helvetica}.fixed { FONT-SIZE: 12px; COLOR: #000000; TEXT-DECORATION: none}.fixedlink { FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: Arial,Helvetica}TD { FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: Arial,Helvetica}TD.empty { BACKGROUND-IMAGE: none}TD.form { BACKGROUND-IMAGE: none; FONT-FAMILY: Arial,Helvetica}TD.heading { FONT-WEIGHT: bold; COLOR: #000000; FONT-FAMILY: Arial,Helvetica; BACKGROUND-COLOR: #f78007}TD.title { FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY: Arial,Helvetica; BACKGROUND-COLOR: #f78007}TD.content { COLOR: #000000; FONT-FAMILY: Arial,Helvetica; BACKGROUND-COLOR: #b4b4b4}TD.total { FONT-WEIGHT: bold; COLOR: #000000; FONT-FAMILY: Arial,Helvetica; BACKGROUND-COLOR: #b4b4b4}TD.value1 { COLOR: #000000; FONT-FAMILY: Arial,Helvetica; BACKGROUND-COLOR: #eaeaea}TD.value2 { COLOR: #000000; FONT-FAMILY: Arial,Helvetica; BACKGROUND-COLOR: #b4b4b4}TD.empty { BACKGROUND-IMAGE: none}P { FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: Arial,Helvetica}LI { FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: Arial,Helvetica}UL { FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: Arial,Helvetica}OL { FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: Arial,Helvetica}INPUT.buttons { FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: white; BACKGROUND-COLOR: #aaaaaa}BUTTON { FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: white; BACKGROUND-COLOR: #aaaaaa}INPUT.bforward { FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: white; BACKGROUND-COLOR: #000000}INPUT.text { COLOR: #ffffff; FONT-FAMILY: Arial,Helvetica; BACKGROUND-COLOR: #eaeaea}SELECT { COLOR: #000000; FONT-FAMILY: Arial,Helvetica; BACKGROUND-COLOR: #eaeaea}TEXTAREA { COLOR: #000000; FONT-FAMILY: Arial,Helvetica; BACKGROUND-COLOR: #eaeaea}.sbutton { FONT-WEIGHT: normal; FONT-SIZE: 10px; FONT-FAMILY: Arial,Helvetica; BACKGROUND-COLOR: #000000}FONT.error { FONT-WEIGHT: bold; COLOR: red}FORM { FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: Arial,Helvetica
}
SCROLLBAR-FACE-COLOR: #719DE6; SCROLLBAR-HIGHLIGHT-COLOR: #133F8A; SCROLLBAR-SHADOW-COLOR: #133F8A; SCROLLBAR-3DLIGHT-COLOR: #133F8A; SCROLLBAR-ARROW-COLOR: #133F8A; SCROLLBAR-TRACK-COLOR: #133F8A; SCROLLBAR-DARKSHADOW-COLOR: #133F8A
}






[This message has been edited by Dark (edited 01-27-2002).]

I think putting the scrollbar properties into the BODY { ... } style sheet will solve your problem:

BODY { FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: Arial,Helvetica; BACKGROUND-COLOR: #ffffff; SCROLLBAR-FACE-COLOR: #719DE6; SCROLLBAR-HIGHLIGHT-COLOR: #133F8A; SCROLLBAR-SHADOW-COLOR: #133F8A; SCROLLBAR-3DLIGHT-COLOR: #133F8A; SCROLLBAR-ARROW-COLOR: #133F8A; SCROLLBAR-TRACK-COLOR: #133F8A; SCROLLBAR-DARKSHADOW-COLOR: #133F8A; }

Does it?

There are two Body{} body{} sections if I am reading this correctly.. I have never seen that before.. the second body could be made as a container div with a "#container name" strange things work so if there is a reason for two bodies or if it works.. please tell me.. the scroll bar colors will not validate but placing them before everything else in the Body{} tag works best for me...

BODY { scrollbar-whatever: colorwhatever ; etc etc
margin: whatever;
rest of code: whatever;}

hmmm

[This message has been edited by Dark (edited 02-06-2002).]

In your version, you have the scrollbar attributes out in the middle of nowhere.

They need to go inside the {} brackets of whatever element you want them applied to (the body isn't the only thing that can have scrollbars!).

skyetyger - he has the BODY element and a .body class specified. Odd, but perfectly acceptable.



[This message has been edited by DL-44 (edited 01-28-2002).]

The period was hard to read .. and the bracket is missing on the scroll bar although the code can go anywhere..first time I tried to read someone elses code.. Is that DW or was it hand coded..the .body is a class, I give up reading other peoples code, can barely read my own..thanks DL44...

The 2 body specs I've seen used elsewhere, but most importantly (as DL-44 says) the scrollbar code isn't containerised......

} } ....

{ } .....


Also noticed a distinct lack of ; to close of.........

www.scansped.co.uk

Thanks guys between my friends advice and DL-44's It's all taken care off

- Jon