I can HTML up a good website every now and then, but when it comes to CSS, I drop a load in my pants metaphorically speaking. I've not taken it upon myself to learn up CSS, so when I need it the most, I run into a problem. All my sites come with CSS in the HTML sheets that is used universally, I stole the original code from a template I used way back when, and just change the colors around. Basically, I want to change the colors of scroll bars, so here is the CSS code originally.
<style type="text/css">
body {
background-color: #314732;
}
body,td,th {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #CBD2CA;
}
a:link {
color: #CBD2CA;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #CBD2CA;
}
a:hover {
text-decoration: none;
color: #CBD2CA;
}
a:active {
text-decoration: none;
color: #CBD2CA;
}
</style>
And here is the scrollbar code I want to put in there somewhere, but I don't know what to take out, remove, and change around to put it in there. And they don't work seperately.
<STYLE type="text/css">
<!--
BODY {
scrollbar-face-color: 14200A;
scrollbar-highlight-color: 14200A;
scrollbar-3dlight-color: 14200A;
scrollbar-darkshadow-color: 14200A;
scrollbar-shadow-color: 14200A;
scrollbar-arrow-color: CBD2CB;
scrollbar-track-color: 14200A;
}
-->
</STYLE>
So, can anyone help me out?i would use scrollbar options in CSS because they are IE only,Go to <!-- w --><a class="postlink" href="http://www.bradsoft.com">www.bradsoft.com</a><!-- w --> and Download TOP STYLE LITE from there. I am sure it will solve most of your CSS problems. It is a wonderful progam. When using look for Style Inspector (View - Style Inspector) and change it to Internet Explorer 5.5 or above.
I hope it works.Just drop it in at the the top of the style sheet
<style type="text/css">
html, body {
/* scrollbar stuff */
/* ONLY WORKS IN IE */
}
body {
background-color: #314732;
}
/* rest of style sheet */So before I go off and put this in, is this correct?
<style type="text/css">
body {
scrollbar-face-color: 14200A;
scrollbar-highlight-color: 14200A;
scrollbar-3dlight-color: 14200A;
scrollbar-darkshadow-color: 14200A;
scrollbar-shadow-color: 14200A;
scrollbar-arrow-color: CBD2CB;
scrollbar-track-color: 14200A;
}
body {
background-color: #314732;
}
body,td,th {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #CBD2CA;
}
a:link {
color: #CBD2CA;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #CBD2CA;
}
a:hover {
text-decoration: none;
color: #CBD2CA;
}
a:active {
text-decoration: none;
color: #CBD2CA;
}
</style>If you are in strict mode the scrollbar properties only work in the html.
note the addition of the # before the color value
html, body {
scrollbar-face-color:#14200A;
scrollbar-highlight-color: #4200A;
scrollbar-3dlight-color: #4200A;
scrollbar-darkshadow-color: #14200A;
scrollbar-shadow-color: #14200A;
scrollbar-arrow-color: #CBD2CB;
scrollbar-track-color: #14200A;
}This is exactly what I am putting in there, and it is not working. WTF is going on?
<style type="text/css">
html, body {
scrollbar-face-color: #14200A;
scrollbar-highlight-color: #14200A;
scrollbar-3dlight-color: #14200A;
scrollbar-darkshadow-color: #14200A;
scrollbar-shadow-color: #14200A;
scrollbar-arrow-color: #CBD2CB;
scrollbar-track-color: #14200A;
}
html, body {
background-color: #314732;
}
body,td,th {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #CBD2CA;
}
a:link {
color: #CBD2CA;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #CBD2CA;
}
a:hover {
text-decoration: none;
color: #CBD2CA;
}
a:active {
text-decoration: none;
color: #CBD2CA;
}
</style>It only works in IE5.5 and IE6Right, that's what I've got, IE 6.0, and Maxthon, but I can run either one. And it doesn't work in either.Works perfectly:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<title>scrollbar-xxxx-color</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css">
html, body {
scrollbar-face-color: #14200A;
scrollbar-highlight-color: #14200A;
scrollbar-3dlight-color: #14200A;
scrollbar-darkshadow-color: #14200A;
scrollbar-shadow-color: #14200A;
scrollbar-arrow-color: #CBD2CB;
scrollbar-track-color: #14200A;
}
html, body {
background-color: #314732;
}
body,td,th {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #CBD2CA;
}
a:link {
color: #CBD2CA;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #CBD2CA;
}
a:hover {
text-decoration: none;
color: #CBD2CA;
}
a:active {
text-decoration: none;
color: #CBD2CA;
}
</style>
</head>
<body>
<table border="0" cellpadding="0" cellspacing="0" summary="">
<tr><td>xxxx</td></tr>
</table>
<a href=http://www.webdeveloper.com/forum/archive/index.php/"#">sample text</a>
</body>
</html>I will probably never know what you did, but that worked perfectly.A simple typo could have been the cause.
<style type="text/css">
body {
background-color: #314732;
}
body,td,th {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #CBD2CA;
}
a:link {
color: #CBD2CA;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #CBD2CA;
}
a:hover {
text-decoration: none;
color: #CBD2CA;
}
a:active {
text-decoration: none;
color: #CBD2CA;
}
</style>
And here is the scrollbar code I want to put in there somewhere, but I don't know what to take out, remove, and change around to put it in there. And they don't work seperately.
<STYLE type="text/css">
<!--
BODY {
scrollbar-face-color: 14200A;
scrollbar-highlight-color: 14200A;
scrollbar-3dlight-color: 14200A;
scrollbar-darkshadow-color: 14200A;
scrollbar-shadow-color: 14200A;
scrollbar-arrow-color: CBD2CB;
scrollbar-track-color: 14200A;
}
-->
</STYLE>
So, can anyone help me out?i would use scrollbar options in CSS because they are IE only,Go to <!-- w --><a class="postlink" href="http://www.bradsoft.com">www.bradsoft.com</a><!-- w --> and Download TOP STYLE LITE from there. I am sure it will solve most of your CSS problems. It is a wonderful progam. When using look for Style Inspector (View - Style Inspector) and change it to Internet Explorer 5.5 or above.
I hope it works.Just drop it in at the the top of the style sheet
<style type="text/css">
html, body {
/* scrollbar stuff */
/* ONLY WORKS IN IE */
}
body {
background-color: #314732;
}
/* rest of style sheet */So before I go off and put this in, is this correct?
<style type="text/css">
body {
scrollbar-face-color: 14200A;
scrollbar-highlight-color: 14200A;
scrollbar-3dlight-color: 14200A;
scrollbar-darkshadow-color: 14200A;
scrollbar-shadow-color: 14200A;
scrollbar-arrow-color: CBD2CB;
scrollbar-track-color: 14200A;
}
body {
background-color: #314732;
}
body,td,th {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #CBD2CA;
}
a:link {
color: #CBD2CA;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #CBD2CA;
}
a:hover {
text-decoration: none;
color: #CBD2CA;
}
a:active {
text-decoration: none;
color: #CBD2CA;
}
</style>If you are in strict mode the scrollbar properties only work in the html.
note the addition of the # before the color value
html, body {
scrollbar-face-color:#14200A;
scrollbar-highlight-color: #4200A;
scrollbar-3dlight-color: #4200A;
scrollbar-darkshadow-color: #14200A;
scrollbar-shadow-color: #14200A;
scrollbar-arrow-color: #CBD2CB;
scrollbar-track-color: #14200A;
}This is exactly what I am putting in there, and it is not working. WTF is going on?
<style type="text/css">
html, body {
scrollbar-face-color: #14200A;
scrollbar-highlight-color: #14200A;
scrollbar-3dlight-color: #14200A;
scrollbar-darkshadow-color: #14200A;
scrollbar-shadow-color: #14200A;
scrollbar-arrow-color: #CBD2CB;
scrollbar-track-color: #14200A;
}
html, body {
background-color: #314732;
}
body,td,th {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #CBD2CA;
}
a:link {
color: #CBD2CA;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #CBD2CA;
}
a:hover {
text-decoration: none;
color: #CBD2CA;
}
a:active {
text-decoration: none;
color: #CBD2CA;
}
</style>It only works in IE5.5 and IE6Right, that's what I've got, IE 6.0, and Maxthon, but I can run either one. And it doesn't work in either.Works perfectly:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<title>scrollbar-xxxx-color</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css">
html, body {
scrollbar-face-color: #14200A;
scrollbar-highlight-color: #14200A;
scrollbar-3dlight-color: #14200A;
scrollbar-darkshadow-color: #14200A;
scrollbar-shadow-color: #14200A;
scrollbar-arrow-color: #CBD2CB;
scrollbar-track-color: #14200A;
}
html, body {
background-color: #314732;
}
body,td,th {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #CBD2CA;
}
a:link {
color: #CBD2CA;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #CBD2CA;
}
a:hover {
text-decoration: none;
color: #CBD2CA;
}
a:active {
text-decoration: none;
color: #CBD2CA;
}
</style>
</head>
<body>
<table border="0" cellpadding="0" cellspacing="0" summary="">
<tr><td>xxxx</td></tr>
</table>
<a href=http://www.webdeveloper.com/forum/archive/index.php/"#">sample text</a>
</body>
</html>I will probably never know what you did, but that worked perfectly.A simple typo could have been the cause.