CSS Linked Stylesheets

liunx

Guest
I'm putting a new site together and want to use a linked stylesheet, but I can't get it to work!!:crying:<br />
<br />
First, if I put the stylesheet link in as follows:<br />
<br />
<link rel="stylesheet" href=http://www.htmlforums.com/archive/index.php/"site" type="text/css"> <br />
<br />
I can see my writing. That's the way it's set up on my page now ( <!-- w --><a class="postlink" href="http://www.bellybytes.com">www.bellybytes.com</a><!-- w --> ), but if I put it the way my instructions say, like this:<br />
<br />
<link rel="stylesheet" href=http://www.htmlforums.com/archive/index.php/"site.css" type="text/css"><br />
<br />
I don't get any of the text showing at all. Now, I've played around with all this so much, I undoubtedly really screwed things up because even when the text shows, it's not showing the way I coded it to show in the CSS code/file. I've been fooling with this for days and simply cannot figure out where I'm messing up or what I've done to make such a mess! HELP!?<!--content-->well hi Jeni. ;)<br />
<br />
hope you had a great holiday. <br />
<br />
and to answer your question<br />
<br />
<link rel="stylesheet" href=http://www.htmlforums.com/archive/index.php/"site.css" type="text/css"><br />
<br />
that is correct. what is in the style sheet and what text are you actually looking for?<!--content-->Thanks, Scoutt, for replying. If you go to <!-- w --><a class="postlink" href="http://www.bellybytes.com">www.bellybytes.com</a><!-- w --> you should see some text there - but it's in default font. Ug. I can't get that css file to work. Here is what I have in it:<br />
<br />
P {<br />
FONT-SIZE: 8pt; COLOR: #8ca1b2; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif<br />
}<br />
TD {<br />
FONT-SIZE: 8pt; COLOR: #8ca1b2; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif<br />
}<br />
A:link {<br />
FONT-WEIGHT: bold; COLOR: #cdd9dd; FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif; TEXT-DECORATION: none<br />
}<br />
A:visited {<br />
FONT-WEIGHT: bold; COLOR: #566d81; FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif; TEXT-DECORATION: none<br />
}<br />
A:active {<br />
FONT-WEIGHT: bold; COLOR: #c0c0c0; FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif; BACKGROUND-COLOR: #344723; TEXT-DECORATION: none<br />
}<br />
A:hover {<br />
FONT-WEIGHT: bold; COLOR: #528583; FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif; TEXT-DECORATION: none; text: none<br />
}<br />
.copyright {<br />
FONT-SIZE: 8pt; COLOR: #8ca1b2; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-ALIGN: center; TEXT-DECORATION: none<br />
}<br />
.h1 {<br />
FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: #8ca1b2; FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif<br />
}<br />
<br />
My instructions don't say anything about how to make it work on the pages! (First time I'm doing this, yes..sigh). I know it's me - I'm doing (or not doing) something wrong, but for the life of me can't figure it out and now I'm afraid I messed things up so bad I might be better off starting over! :o <br />
<br />
Any suggestions or any clues would sure be appreciated, Scoutt - thanks.<!--content-->jeni,<br />
<br />
TD {<br />
FONT-SIZE: 8pt; COLOR: #8ca1b2; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif<br />
}<br />
<br />
take the bolded out. the link tag works as it is changing the color of the text to the same color as the background of the site.<br />
<br />
also you have to watch the capatialization as NS is case sensitive when it comes to style sheets, so try not to capitalize anything<!--content-->This is not ok:<br />
<link rel="stylesheet" href=http://www.htmlforums.com/archive/index.php/"site" type="text/css"><br />
Has to be<br />
<link rel="stylesheet" href=http://www.htmlforums.com/archive/index.php/"site.css" type="text/css"><br />
<br />
And there has to be a file named: site.css<br />
In this file is your style sheet.<br />
<br />
<br />
:rocker:<!--content-->TD {<br />
FONT-SIZE: 8pt; COLOR: #8ca1b2; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif<br />
}<br />
<br />
take the bolded out. the link tag works as it is changing the color of the text to the same color as the background of the site.<br />
<br />
also you have to watch the capatialization as NS is case sensitive when it comes to style sheets, so try not to capitalize anything <br />
<br />
...is my face red :doh:<br />
<br />
That's right - I originally was going to have a black background and switched but forgot to change the hex code. <br />
<br />
This is not ok:<br />
<link rel="stylesheet" href=http://www.htmlforums.com/archive/index.php/"site" type="text/css"><br />
Has to be<br />
<link rel="stylesheet" href=http://www.htmlforums.com/archive/index.php/"site.css" type="text/css"><br />
<br />
And there has to be a file named: site.css<br />
In this file is your style sheet. <br />
<br />
Lol..that explains why I can see text when I have it wrong, doesn't it! Good grief! I'll get that color changed and yes, good advice about the lower case - someone told me, or I read somewhere, that doing that can help when setting up your code but then fix it up when you know it's working. Frankly, after trying this, I think I'd rather keep it in small case from the get-go. Too easy to forget. This is a good time though, as I've barely gotten started on this site (as you could probably tell!) Thanks so much!<!--content-->
 
Back
Top