Jul 26, 2008

css scripting problems need help - NEED HELP

Free Web Hosting, No Ads > CONTRIBUTE > Computers > Programming Languages > CSS (Cascading Style Sheets)

free web hosting

css scripting problems need help - NEED HELP

Saint_Michael
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


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

 

 

 


Reply

serverph
try this:

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

 

 

 


Reply

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

Reply

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

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

Reply

Choyan
Literally, you just didn't have the

You had
CODE
.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; }


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:

CODE
body
{
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; }


Simple wink.gif ...biggrin.gif:D

Reply

karlo
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!

Reply



Got an Opinion! Express your Views! (no registration):-
Add your Reply/ Opinion/ Views/ Comments/ Suggestion/ Questions/ Queries etc.
Posts with decent grammar & English will be accepted and please refrain from profanities.
For asking a Question, We recommend you to sign-up (for free) so that you can track the topic easily.

Nature of your Post*: Opinion/ Reply/ Comments
Question/Query
Feedback to us.
       
Name   Email
Title/Question*

(Maximum characters: 10,000)
You have characters left.
Confirm Code:

Similar Topics

Keywords : css scripting problems

  1. Span "display: _____" Problems - block vs inline (2)
  2. [problem] Css Unordered List Display Problems Ie6 Bug - Making unordered list under unordered list couses some padding to appe (2)
    I just started designing something that i thought is gonna be a really simple xHTML strict template.
    Everything is right except that i thought of using unordered list, some other list under that list.
    Well this is the code for the Menu that is cousing me problems CODE <div
    id="lijevo">     <ul>         <li>List1</li>
            <li>List2</li>         <li>             <ul>
                <li>List 2 Sublist</li>                 <li>
                        <ul>               ...
  3. Height % In Ff Problems With Css - (3)
    Does anyone know how to make the height of a div in firefox equal to the percentage you input? For
    example if I put blablabla the div container will only be as high as the text makes it, when in
    internet explorer it does make it take up 100% of the page or whatever height in percentage I input
    in it. by the way, html, body {} have 100% height in them, so does the container that has the div
    element. Example: html,body {height:100%;} #container {height:100%;} #div {min-height:100%;} the
    one called #div is the one I want with 100% height. Thanks for any help....
  4. Embeded Div's And Css Problems - (10)
    I am making a website dessign that makes heavy use of CSS and DIV's now When I view my site as
    it is in IE it works almost perfect, but when I open it in Firefox the main background dissapears,
    here is the site here is the site and here is the external CSS file: CODE BODY {  
     background-color:#ffffff; background-image: url(images/topimage.jpg);
    background-repeat:repeat-x; } DIV.content { width:760px; position:absolute;
    top:19px; left:19px; } DIV.head { width:758px; height:125px;
    background-image: url...



Looking for css, scripting, problems

Searching Video's for css, scripting, problems
advertisement



css scripting problems need help - NEED HELP



 

 

 

 

ADD REPLY / Got an Opinion! Remove these ADs! RAPID SEARCH! Free Web Hosting [X]
Express your Opinions, Thoughts or Contribute more info. to help others.
Ask your Doubts & Queries to get answers, So that "Together We can help others!"
Register FREE for AD-FREE forum, Create your own topics, Ask Questions, track topics, setup subscriptions & notifications and Get a Free Website w/ Email and FTP.
500MB Space *No Ads*, CPanel, FTP, PHP, MySQL, EMails - 100% FREE