XoxHeavenleexoX
12-22-2004, 05:20 PM
Hey everyone! I am currently trying to link my CSS to an external style sheet and I am having difficulties. Whenever I go to the page that the CSS is suppose to show up on, the text does not change? What could I be doing wrong? If I just put the CSS on the page instead of linking to it, it works fine, but when I link to it, it will not show up. Here are the things I am doing...
1)I am using a stylesheet program to create my .css document
2)I am uploading the .css document into my freewebs account at http://www.freewebs.com/sckisses/css.css
3)I am putting the external style sheet code on the page where I want the CSS to show up, I used the one from Lissa Explains It All CSS tutorial. The page I am trying to put it on is on Freewebs, if that changes anything.
4)I am adding in the link posted above where the URL of the Style Sheet is suppose to go.
5)I go to view the page and it does not change.What could I be doing wrong here, I have tried doing this several different times with several different stylesheets. Somebody please help me and let me know if you need anymore information or anything. Thankyou so much for taking the time to read this. It is greatly appreciated!
starlet
12-22-2004, 05:27 PM
i cant view your css file for some reason, but at a guess...
1. you left the <style></style> tags in your external CSS file.
or
2. You forgot to include the css file or did that code wrong.
XoxHeavenleexoX
12-22-2004, 05:32 PM
thankx, So, are you not suppose to include the style tags in the external CSS
This is what my CSS code looks like...
<style type="text/css"><!--
body{font-family:verdana;font-size:8pt;font-color:white;scrollbar-arrow-color:white;scrollbar-base-color:hotpink;scrollbar-dark-shadow-color:black;scrollbar-track-color:dodgerblue};
a:link {color:black; cursor: crosshair;text-decoration:none};
a:visited {color:black; cursor: crosshair};
a:active {color:hotpink; cursor: crosshair};
a:hover {color:dodgerblue;background:white;border:1 solid black;}
b{color: hotpink;background-color:white;font-face:verdana;font-size:8pt;font-weight:normal;border:1 solid black}
i{color:dodgerblue;font-face:verdana;font-weight:italics;font-size:8pt;font-style:normal; letter-spacing: 1}
font,td,xmp,p{color:black;font-face:verdana;font-weight:normal;font-size:8pt;}
textarea,input,submit,reset{border:1 solid black; background:white;font-face:verdana;font-weight:normal;font-size:8pt;color:dodgerblue}
big {color:hotpink;font-family:verdana;font-size:25}
hr{color:hotpink;border:2 solid dodgerblue;width:300;height:4}
--></style><font size=1><center><br>
<body style="background:transparent">
XoxHeavenleexoX
12-22-2004, 05:34 PM
This is what my CSS code looks like...
<style type="text/css"><!--
body{font-family:verdana;font-size:8pt;font-color:white;scrollbar-arrow-color:white;scrollbar-base-color:hotpink;scrollbar-dark-shadow-color:black;scrollbar-track-color:dodgerblue};
a:link {color:black; cursor: crosshair;text-decoration:none};
a:visited {color:black; cursor: crosshair};
a:active {color:hotpink; cursor: crosshair};
a:hover {color:dodgerblue;background:white;border:1 solid black;}
b{color: hotpink;background-color:white;font-face:verdana;font-size:8pt;font-weight:normal;border:1 solid black}
i{color:dodgerblue;font-face:verdana;font-weight:italics;font-size:8pt;font-style:normal; letter-spacing: 1}
font,td,xmp,p{color:black;font-face:verdana;font-weight:normal;font-size:8pt;}
textarea,input,submit,reset{border:1 solid black; background:white;font-face:verdana;font-weight:normal;font-size:8pt;color:dodgerblue}
big {color:hotpink;font-family:verdana;font-size:25}
hr{color:hotpink;border:2 solid dodgerblue;width:300;height:4}
--></style><font size=1><center><br>
<body style="background:transparent">
lefty
12-22-2004, 05:40 PM
thankx, So, are you not suppose to include the style tags in the external CSS
Nope, take them out ;)
lefty
12-22-2004, 06:35 PM
no problem, glad it works :)
Monkey Bizzle
12-22-2004, 06:37 PM
yer not supposed to have this stuff in there either
<font size=1><center><br>
<body style="background:transparent">