PDA

View Full Version : Coloured Scrollbar not appearing

festiane
03-15-2005, 10:40 AM
Hi, I've been trying for the past hour or so to get my scrollbars coloured the way Lissa explained but it's not appearing (http://likerainonyourweddingday.blogspot.com/). I'd really appreciate any help. Thanks!


<style type="text/css">

<!--
body { background-image: url(http://ourworld.cs.com/louisastefanie/rainbg.jpg);
background-repeat: no-repeat;
background-attachment: fixed;
}
-->
body {background-color: #9DB3C1;
font-family: tahoma;
color: #000000;
font-size: 9pt;}


{
scrollbar-face-color:#A5B9C4;
scrollbar-highlight-color:#000000;
scrollbar-3dlight-color:#A5B9C4;
scrollbar-shadow-color:#000000;
scrollbar-darkshadow-color:#A5B9C4;
scrollbar-track-color:#A5B9C4;
scrollbar-arrow-color:#000000;

}


a:link {text-decoration: none; font-weight: normal; color: #363333}
a:visited {text-decoration: none; font-weight: normal; color: #363333}
a:hover {text-decoration: none; font-weight: normal; cursor: line-through; color: #363333}
a:active {text-decoration: none; font-weight: normal; color: #363333}


/* Page Structure
----------------------------------------------- */

#content {
border:3px double #fff;
}

#main {
width:40%;
float:right;
}

#sidebar {
width:55%;
float:left;
}




/* Posts
----------------------------------------------- */
.date-header {
margin:2em 0 .5em;
}
.post {
margin:.5em 0 1.5em;
line-height:1.6em;
}
.post p {
margin:0 0 .75em;
}
p.post-footer {
color:#999;
}
.post-footer em {
font-style:normal;
color:#666;
margin-right:.4em;
}
.post img {
padding:4px;
border:1px solid #cde;
}






/* Sidebar Content
----------------------------------------------- */


#sidebar ul {

margin:0 0 15px;
padding:0 0 15px;
list-style:none;
}
#sidebar li {
margin:0;
padding:0 0 .25em 15px;
text-indent:-15px;
line-height:1.5em;
}
#sidebar p {
color:#666;
line-height:1.5em;
}



/* Footer
----------------------------------------------- */
#footer {
clear:both;
padding:15px 30px 0 50px;
}
#footer hr {
display:none;
}
#footer p {

margin:0;
padding-top:15px;
font:78%/1.6em Georgia,Serif;
text-transform:uppercase;
letter-spacing:.1em;
}

</style>
Dude128
03-15-2005, 11:26 AM
try this:

<style type="text/css">
<!--
body { background-image: url(http://ourworld.cs.com/louisastefanie/rainbg.jpg);
background-repeat: no-repeat;
background-attachment: fixed;
background-color: #9DB3C1;
font-family: tahoma;
color: #000000;
font-size: 9pt;
scrollbar-face-color:#A5B9C4;
scrollbar-highlight-color:#000000;
scrollbar-3dlight-color:#A5B9C4;
scrollbar-shadow-color:#000000;
scrollbar-darkshadow-color:#A5B9C4;
scrollbar-track-color:#A5B9C4;
scrollbar-arrow-color:#000000;
}

...

you had two different body sections and nothing around the scrollbar section. they should all be together
wowimfancy
03-15-2005, 11:00 PM
im having the exact same problem. the scrollbar shows up when i preview it but not once i republish the page. i followed what Dude128 said to do, but its still not working.. maybe a bug with the site??

http://www.wowimfancy.blogspot.com/
Dude128
03-15-2005, 11:37 PM
im having the exact same problem. the scrollbar shows up when i preview it but not once i republish the page. i followed what Dude128 said to do, but its still not working.. maybe a bug with the site??

http://www.wowimfancy.blogspot.com/
as far as I can tell you don't even have the scrollbar CSS on that page...
wowimfancy
03-15-2005, 11:45 PM
as far as I can tell you don't even have the scrollbar CSS on that page...

i deleted the scrollbar code because i got frustrated at it..haha. but i follwed what you posted earlier and that didnt work either
Rosey
03-16-2005, 03:21 AM
what dude said is correct but you have a doctype on your page which will make the scrollbar not show up.
festiane
03-16-2005, 06:25 AM
what dude said is correct but you have a doctype on your page which will make the scrollbar not show up.

What's a doctype? Can I get rid of it?
festiane
03-16-2005, 06:27 AM
try this:



Hi Dude, I changed it:

<style type="text/css">

<!--
body { background-image: url(http://ourworld.cs.com/louisastefanie/rainbg.jpg);
background-repeat: no-repeat;
background-attachment: fixed;
background-color: #9DB3C1;
font-family: tahoma;
color: #000000;
font-size: 9pt;
scrollbar-face-color:#A5B9C4;
scrollbar-highlight-color:#000000;
scrollbar-3dlight-color:#A5B9C4;
scrollbar-shadow-color:#000000;
scrollbar-darkshadow-color:#A5B9C4;
scrollbar-track-color:#A5B9C4;
scrollbar-arrow-color:#000000;
}

a:link {text-decoration: none; font-weight: normal; color: #363333}
a:visited {text-decoration: none; font-weight: normal; color: #363333}
a:hover {text-decoration: none; font-weight: normal; cursor: line-through; color: #363333}
a:active {text-decoration: none; font-weight: normal; color: #363333}


But it still isn't working and now the blogger ad-thingamajig at the top is displaced too (it's supposed to be one long line but now it's divided into 3). Am I doing something wrong? Thanks!
pb&j
03-16-2005, 10:29 AM
What's a doctype? Can I get rid of it?
this is the doctype tag...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

it is at the very start of your page coding. if you are able to delete this tag, your scrollbars will work. if you cannot delete this, then you are doomed to normal scrollbars forever... :buckt:
festiane
03-16-2005, 12:24 PM
this is the doctype tag...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

it is at the very start of your page coding. if you are able to delete this tag, your scrollbars will work. if you cannot delete this, then you are doomed to normal scrollbars forever... :buckt:

It works!!! Thank you thank you thank you! =D
pb&j
03-17-2005, 01:52 AM
cool :cool:
raja
03-17-2005, 01:47 PM
Hey even iam facing simila problem. i posted in thsi forum regardign it. iam also looking for fix for it. Pl ny one help us plzz. my site url is http://www.harichandana.netfirms.com/home.htm. see i used external css.plzz some one solve our problem plzz . iamusing xp pro and IE6.Thanks in advance
cheers
Raja
Cyan0312
11-11-2005, 04:33 PM
this is the doctype tag...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

it is at the very start of your page coding. if you are able to delete this tag, your scrollbars will work. if you cannot delete this, then you are doomed to normal scrollbars forever... :buckt:

Hi there,

I followed your method and deleted the tag from my blog and the scrollbar worked. However, my fonts were enlarged! Why is this so and how can I avoid it?
pb&j
11-12-2005, 03:54 AM
Hi there,

I followed your method and deleted the tag from my blog and the scrollbar worked. However, my fonts were enlarged! Why is this so and how can I avoid it?
check your settings on your font sizes in your css.
you might not have your font size listed yet, so a default thing happens.
put in a font size to all your stuff and things should get back onto track.
Cyan0312
11-12-2005, 06:05 AM
check your settings on your font sizes in your css.
you might not have your font size listed yet, so a default thing happens.
put in a font size to all your stuff and things should get back onto track.

Hey, thanks for the tip! Things are now in order!
pb&j
11-12-2005, 06:59 AM
no worries. good luck!