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