Jump to content
xisto Community
Sign in to follow this  
Followers 0
Saint_Michael

css scripting problems need help NEED HELP

By Saint_Michael, in Programming

Recommended Posts

Saint_Michael    3

Saint_Michael
Posted

for some unknown reason the scroll bar info will not kick in it eithers makes the page doe wierd things or nothing at all and i know i got it right so whats need help


BODY{

font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
margin: 0px;
padding: 0px;
background-color: #2d3851;
}
h1 {
font-family: Times New Roman, serif;
font-size: 26px;
font-weight: normal;
color: #e9f2fc;
}

h2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #333333;
}

p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
line-height: 18px;
color: #333333;
}

a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
text-decoration: underline;
color: #0000f0;
}

a:visited {
text-decoration: underline;
color: #000090;
}

a.navlink {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
text-decoration: none;
color: #e9f2fc;
}

a.navlink:visited {
text-decoration: none;
color: #e9f2fc;
}

a.newslink {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
line-height: 10px;
text-decoration: none;
color: #c00050;
}

a.newslink:visited {
text-decoration: none;
color: #900020;
}

a.newslink:hover {
text-decoration: underline;
}

li {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
line-height: 18px;
padding-bottom: 7px;
color: #333333;
}

.navcell {
padding: 3px 7px 3px 7px;
}

.newsheader {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
line-height: 10px;
padding-left: 5px;
color: #e9f2fc;
background-color: #ffffff;
background-color: #5f7797;
}

.newscell {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
line-height: 10px;
padding-top: 7px;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 9px;
color: #464c64;
background-color: #a7aeb8;
}

.update {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
line-height: 14px;
color: #e9f2fc;
}

.copyright {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
line-height: 10px;
color: #464c64;
}
{
scrollbar-3dlight-color:#FF6600;
scrollbar-arrow-color:#FF6600;
scrollbar-base-color:#333333;
scrollbar-darkshadow-color:#FF6600;
scrollbar-face-color:#333333;
scrollbar-highlight-color:#999999;
scrollbar-shadow-color:#666666; }
</style>


Share this post

Link to post
Share on other sites

serverph    0

serverph
Posted

try this:

BODY{

font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
margin: 0px;
padding: 0px;
background-color: #2d3851;

scrollbar-3dlight-color:#FF6600;
scrollbar-arrow-color:#FF6600;
scrollbar-base-color:#333333;
scrollbar-darkshadow-color:#FF6600;
scrollbar-face-color:#333333;
scrollbar-highlight-color:#999999;
scrollbar-shadow-color:#666666;
}
h1 {
font-family: Times New Roman, serif;
font-size: 26px;
font-weight: normal;
color: #e9f2fc;
}

h2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #333333;
}

p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
line-height: 18px;
color: #333333;
}

a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
text-decoration: underline;
color: #0000f0;
}

a:visited {
text-decoration: underline;
color: #000090;
}

a.navlink {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
text-decoration: none;
color: #e9f2fc;
}

a.navlink:visited {
text-decoration: none;
color: #e9f2fc;
}

a.newslink {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
line-height: 10px;
text-decoration: none;
color: #c00050;
}

a.newslink:visited {
text-decoration: none;
color: #900020;
}

a.newslink:hover {
text-decoration: underline;
}

li {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
line-height: 18px;
padding-bottom: 7px;
color: #333333;
}

.navcell {
padding: 3px 7px 3px 7px;
}

.newsheader {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
line-height: 10px;
padding-left: 5px;
color: #e9f2fc;
background-color: #ffffff;
background-color: #5f7797;
}

.newscell {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
line-height: 10px;
padding-top: 7px;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 9px;
color: #464c64;
background-color: #a7aeb8;
}

.update {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
line-height: 14px;
color: #e9f2fc;
}

.copyright {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
line-height: 10px;
color: #464c64;
}


Share this post

Link to post
Share on other sites

Becca    0

Becca
Posted

Where your scrollbar bit is in between { SCROLL BAR CODE } infront of the first { write "body"

Share this post

Link to post
Share on other sites

Danieluchis    0

Danieluchis
Posted

or you can just paste the scroll bar code under the BODY o.o like this

[/br]BODY[br]{[/br][br]font-family: Verdana, Arial, Helvetica, sans-serif;[/br]font-size: 12px;[br]font-weight: normal;[/br]margin: 0px;[br]padding: 0px;[/br]background-color: #2d3851;[br]scrollbar-3dlight-color:#FF6600; [/br]scrollbar-arrow-color:#FF6600; [br]scrollbar-base-color:#333333; [/br]scrollbar-darkshadow-color:#FF6600; [br]scrollbar-face-color:#333333; [/br]scrollbar-highlight-color:#999999; [br]scrollbar-shadow-color:#666666; [/br]}

Share this post

Link to post
Share on other sites

Choyan    0

Choyan
Posted

Literally, you just didn't have the

You had

.copyright {[/br]font-family: Verdana, Arial, Helvetica, sans-serif;[br]font-size: 10px;[/br]font-weight: normal;[br]line-height: 10px;[/br]color: #464c64;[br]}[/br]{ [br]scrollbar-3dlight-color:#FF6600; [/br]scrollbar-arrow-color:#FF6600; [br]scrollbar-base-color:#333333; [/br]scrollbar-darkshadow-color:#FF6600; [br]scrollbar-face-color:#333333; [/br]scrollbar-highlight-color:#999999; [br]scrollbar-shadow-color:#666666; }

And didn't have the Body before the scrollbar so it is being interperated as the scroll in the .copyright has those scrollbar properties...
so to solve your problem, add the body in like this:

body[br]{ [br]scrollbar-3dlight-color:#FF6600; [/br]scrollbar-arrow-color:#FF6600; [br]scrollbar-base-color:#333333; [/br]scrollbar-darkshadow-color:#FF6600; [br]scrollbar-face-color:#333333; [/br]scrollbar-highlight-color:#999999; [/br]scrollbar-shadow-color:#666666; }

Simple :) ...:D:D

Share this post

Link to post
Share on other sites

karlo    0

karlo
Posted

I really do suggest that you use TopStyle Pro. If you want to register it, just send me an email and I will give you the full version for free because I've registered it. Enjoy!

Share this post

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  
Followers 0
Go To Topic Listing
×
×
  • Create New...

Important Information

Terms of Use | Privacy Policy | Guidelines | We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.

  I accept