The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
 Reply to this topicStart new topic
> Css Body help...
adam
post Mar 19 2007, 10:43 AM
Post #1


Member
***

Group: Members
Posts: 58
Joined: 19-March 07
Member No.: 2,253
I am currently using an external style sheet for my site but i'm stuck!

This is my body code at the moment but i would like to change the colour of the scrollbar but it doesn't seem to work unless i write an internal stylesheet at the very top of the page above the <head> tag!

CODE
body {

    background-color: #000000;

    font-family: Tahoma;

    font-size: 9px;

    color: #FFFFFF;

    margin: 0px;

          }



I tryed this code but it did not work:

CODE
body {

    background-color: #000000;

    font-family: Tahoma;

    font-size: 9px;

    color: #FFFFFF;

    margin: 0px;
    
    scrollbar-face-color: #000000;

    scrollbar-shadow-color: #000000;

    scrollbar-highlight-color: #000000;

    scrollbar-3dlight-color: #000000;

    scrollbar-darkshadow-color: #000000;

    scrollbar-track-color: #000000;

    scrollbar-arrow-color: #3F6443;

}


How can i make it work? Help!

Thanks
adam
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Darin McGrew
post Mar 19 2007, 11:48 AM
Post #2


WDG Member
********

Group: Root Admin
Posts: 8,365
Joined: 4-August 06
From: Mountain View, CA
Member No.: 3
Can you provide the URL (address) of a document that demonstrates the problem?
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Mar 19 2007, 01:54 PM
Post #3


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,732
Joined: 9-August 06
Member No.: 6
What's your doctype? I'd guess one that puts IE in Standards Mode. When you put anything before the doctype, could be mere comment, IE goes into Quirks Mode and your colored scollbars works. So I assume you put the style block not only above <head> but above the doctype too.

Alas IE supports colored scroollbars in Standards Mode too, but you have to apply them to HTML, not BODY.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
adam
post Mar 19 2007, 03:48 PM
Post #4


Member
***

Group: Members
Posts: 58
Joined: 19-March 07
Member No.: 2,253
Well nothing demonstrates the problem but yes I have put the css above the Doc Type too. When i added the scrollbar css i had to make sure i added either <p> or <h1> to each paragraph or title otherwise the text was a larger size glare.gif

My site is:

http://www.underoathfans.net
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Mar 19 2007, 03:52 PM
Post #5


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,732
Joined: 9-August 06
Member No.: 6
Yeah, Standards Mode. Just use HTML instead of BODY as the selector for the scrollbar stuff.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
adam
post Mar 19 2007, 04:39 PM
Post #6


Member
***

Group: Members
Posts: 58
Joined: 19-March 07
Member No.: 2,253
Sorry i'm being really slow so...

Would i just change the

CODE

body {

}


into

CODE

html {
}


????
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
adam
post Mar 19 2007, 04:41 PM
Post #7


Member
***

Group: Members
Posts: 58
Joined: 19-March 07
Member No.: 2,253
sorry i replied wrong...

SO would i use

CODE

html {


scrollbar etc
scrollbar etc

}



for the scrollbar in the style.css page?
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Mar 19 2007, 04:46 PM
Post #8


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,732
Joined: 9-August 06
Member No.: 6
Right on. smile.gif
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
adam
post Mar 19 2007, 04:54 PM
Post #9


Member
***

Group: Members
Posts: 58
Joined: 19-March 07
Member No.: 2,253
Sorry about the hassle but i deleted all of the css in the style tags above the Doc Type area. Then i added the scroll bar css under html {} but it still hasnt worked mad.gif here is the code for my external stylesheet...

CODE
html {

    scrollbar-face-color:000000;

    scrollbar-shadow-color:000000;

    scrollbar-highlight-color:000000;

    scrollbar-3dlight-color:000000;

    scrollbar-darkshadow-color:000000;

    scrollbar-track-color:000000;

    scrollbar-arrow-color:3F6443;

}

body {

    background-color: #000000;

    font-family: Tahoma;

    font-size: 9px;

    color: #FFFFFF;

    margin: 0px;

}

h1 {

    font-family: Tahoma;

    font-size: 9px;

    color: #CCCCCC;

    text-align: center;

    margin-top: 3px;

    margin-right: 4px;

    margin-left: 4px;

    text-transform: uppercase;

    background-attachment: scroll;

    background-image: url(http://breakingaway.org/underoathfans/ui.jpg);

    background-repeat: no-repeat;

    background-position: left center;

    background-color: #333333;

    padding-top: 10px;

    margin-bottom: 3px;

}

p {

    font-family: Tahoma;

    font-size: 9px;

    color: #FFFFFF;

    margin-top: 0px;

    margin-right: 4px;

    margin-bottom: 0px;

    margin-left: 4px;

}

h2 {

    font-family: Tahoma;

    font-size: 9px;

    color: #FFFFFF;

    margin-top: 0px;

    margin-right: 4px;

    margin-bottom: 0px;

    margin-left: 4px;

    border-bottom-width: thin;

    border-bottom-style: solid;

    border-bottom-color: #313B28;

}

a {

    font-family: Tahoma;

    font-size: 9px;

    color: #3B583C;

    text-decoration: none;

}

a:hover {

    font-family: Tahoma;

    font-size: 9px;

    color: #CE9B32;

    text-decoration: none;

}

a:visited {

    font-family: Tahoma;

    font-size: 9px;

    color: #4A4124;

}
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Mar 19 2007, 05:09 PM
Post #10


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,732
Joined: 9-August 06
Member No.: 6
The color values lack hash signs. #000000 not 000000 . happy.gif
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
adam
post Mar 19 2007, 05:15 PM
Post #11


Member
***

Group: Members
Posts: 58
Joined: 19-March 07
Member No.: 2,253
Ahh thanks!

Sorry, it's late ALOT of human error on my part!
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
« Next Oldest · Cascading Style Sheets · Next Newest »
 

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 

Display Mode: Standard · Switch to: Linear+ · Switch to: Outline

Track this topic · Email this topic · Print this topic · Subscribe to this forum

- Lo-Fi Version Time is now: 26th April 2024 - 10:42 PM
Invision Power Board © 2024  IPS, Inc.
Licensed to: HTMLHelp.com, LLC