View Full Version : External Style sheet problem!


katie16
08-26-2003, 06:44 AM
what is going on? my back ground will not show up! heres the code:



<style type="text/css">
<!--body {
scrollbar-face-color : #494949;
scrollbar-highlight-color : #494949;
scrollbar-3dlight-color : #ABABAB;
scrollbar-shadow-color : #494949;
scrollbar-darkshadow-color : #494949;
scrollbar-track-color : #494949;
scrollbar-arrow-color : #FFFFFF;
}
-->

<!--
A:link
{ text-decoration:none;background:0A0A0A;font-size:#3pt;color:#656565}
A:visited
{ text-decoration: line-through;color:#656565;font-size:#3pt}
A:active
{ text-decoration: underline;color:#7656565;font-size:#3pt}
A:hover
{ text-decoration:none;font-weight:italic;color:EAEAEA;

cursor: ne-resize}



-->

<!--
body,tr,td, h6, p, li
{font-size: 8pt;
font-family: arial;
color:#FFFFFF;
line-height:15px;
letter-spacing:0pt;
-->

<!--
BODY
background-image:url(ifram_bg.gif);
background-attachment:fixed;
background-color:838383;}
-->

<!-- h6
{font-size: 8pt;
font-weight:normal}
-->
<!--
input, textarea
{color: #000000;
background: #F0F0F0;
font-size: 8pt;
font-weight: bold;
text-decoration: none;
font-family: tahoma;
text-align: center;
border-width: 1px;
border-style: groove;
border-color:#000000;
filter: alpha(opacity=25)}
-->
</style>

duckgirl
08-26-2003, 06:55 AM
Remove the style tags from the beginning and end. :)

katie16
08-26-2003, 07:05 AM
but it is an external style sheet, is'nt it sapost to be like that?cuz
evrey thing else works

pb&j
08-26-2003, 07:16 AM
on an external style sheet, take out the STYLE and COMMENT tags.

basically, the LINK tag on the html page takes care of that part of the equation.

katie16
08-26-2003, 07:28 AM
erm now my sroll bar is defult and my bacgdround still won't show..

duckgirl
08-26-2003, 07:44 AM
Umm... why do you have your body parts of the stylesheet in different places? ok... make sure you have this tag in your head...
<LINK href="stylesheet.css" rel="stylesheet" type="text/css">

And try this as your css file:

body {background-image:url(ifram_bg.gif);
background-attachment:fixed;
background-color:838383;
scrollbar-face-color : #494949;
scrollbar-highlight-color : #494949;
scrollbar-3dlight-color : #ABABAB;
scrollbar-shadow-color : #494949;
scrollbar-darkshadow-color : #494949;
scrollbar-track-color : #494949;
scrollbar-arrow-color : #FFFFFF;
}


A:link
{ text- decoration:none;backgroun
d:0A0A0A;font-size:#3pt;color:#656565}
A:visited
{ text-decoration: line- through;color:#656565;fon
t-size:#3pt}
A:active
{ text-decoration: underline;color:#7656565;
font-size:#3pt}
A:hover
{ text-decoration:none;font- weight:italic;color:EAEAE
A;

cursor: ne-resize}



body,tr,td, h6, p, li
{font-size: 8pt;
font-family: arial;
color:#FFFFFF;
line-height:15px;
letter-spacing:0pt;



h6
{font-size: 8pt;
font-weight:normal;}

input, textarea
{color: #000000;
background: #F0F0F0;
font-size: 8pt;
font-weight: bold;
text-decoration: none;
font-family: tahoma;
text-align: center;
border-width: 1px;
border-style: groove;
border-color:#000000;
filter: alpha(opacity=25);}

Try it now...

katie16
08-26-2003, 08:22 AM
erm now my sroll bar is defult and my bacgdround still won't show..

now every thing is white!

within 5 minutes, please use the edit button. --Moderator

pb&j
08-26-2003, 08:33 AM
it looks like you are missing a starting { on one of your BODY css parts. also a couple of extra spaces and missing semicolons.

give this a go for your external style sheet...

body {
background-image:url(ifram_bg.gif);
background-attachment:fixed;
background-color:#838383;
scrollbar-face-color : #494949;
scrollbar-highlight-color : #494949;
scrollbar-3dlight-color : #ABABAB;
scrollbar-shadow-color : #494949;
scrollbar-darkshadow-color : #494949;
scrollbar-track-color : #494949;
scrollbar-arrow-color : #FFFFFF;
}
A:link{text-decoration:none;background-color:#0A0A0A;font-size:3pt;color:#656565;}
A:visited{text-decoration:line-through;color:#656565;font-size:3pt;}
A:active{text-decoration:underline;color:#765656;font-size:3pt;}
A:hover{text-decoration:none;font-weight:italic;color:#EAEAEA;cursor:ne-resize;}
body,tr,td, h6, p, li
{font-size: 8pt;
font-family: arial;
color:#FFFFFF;
line-height:15px;
letter-spacing:0pt;
h6
{font-size: 8pt;
font-weight:normal}
input, textarea
{color: #000000;
background-color: #F0F0F0;
font-size: 8pt;
font-weight: bold;
font-family: tahoma;
text-align: center;
border-width: 1px;
border-style: groove;
border-color:#000000;
filter: alpha(opacity=25);
}

** be sure to delete any spaces between text - decoration and font-weight parts and put some words back together onto the same lines to make a full word. this forum does some wierd stuff on some coding **

katie16
08-27-2003, 02:44 AM
nope, still is not working... ill try something else, thank you for your help.

duckgirl
08-27-2003, 06:20 AM
Do you have your page uploaded? Cause if these things aren't working, and they should be, if you have it online, we can see and figure out what's wrong.

katie16
08-27-2003, 06:23 AM
yes it was!, i redid and its working now