I usually create pages that are all .net controls and successfully apply the CSS="someStyle" property but I've been making a site with a lot text in the body of the page so I have tried to change the text style in the body using an external style sheet but it does not seem to be having an effect.
In the HTML i'm doing this:
<code>
<LINK rel="stylesheet" type="text/css" href=http://www.webdeveloper.com/forum/archive/index.php/"Styles.css">
</code>
and in the external style sheet, Styles.css, I do this:
<code>
BODY
{
BACKGROUND-COLOR: white;
FONT-FAMILY: verdana, arial, sansserif;
FONT-SIZE: 1em;
FONT-WEIGHT: normal;
LETTER-SPACING: normal;
TEXT-TRANSFORM: none;
WORD-SPACING: normal;
}
</code>
The CSS settings are working ok so i know that i'm referring to the style sheet properly but the text in the body does not seem to be working properly. Any advice is greatly appreciated.
Also, looking for any general advice on good style for body text.
DaveThere are a lot of ways something can "not be working properly." Can you be a bit more specific?Ok:
when i go to the style sheet and change font size for body and then after that I go to my website, I don't see a change in font for the text in the site's body.1. Did you remember to upload the altered style sheet?
2. Is the Styles.css file in the same dir as the page?
3. Does anything change in the body other than the font attributes? E.g. if you change the background color of the body does that work?
4. Have you tried embedding the style sheet rather than linking it?And actually, your css need only be:
body {
background-color: white;
font-family: verdana, arial, sans-serif;
font-size: 1em;
}
The rest of the property declarations are redundant to the browser's defaults. On top of that, external style sheet rules are overridden by embedded style sheet rules, and also by inline style rules. That could be part of the problem too. We'll need to see the HTML and CSS of the page in question.
In the HTML i'm doing this:
<code>
<LINK rel="stylesheet" type="text/css" href=http://www.webdeveloper.com/forum/archive/index.php/"Styles.css">
</code>
and in the external style sheet, Styles.css, I do this:
<code>
BODY
{
BACKGROUND-COLOR: white;
FONT-FAMILY: verdana, arial, sansserif;
FONT-SIZE: 1em;
FONT-WEIGHT: normal;
LETTER-SPACING: normal;
TEXT-TRANSFORM: none;
WORD-SPACING: normal;
}
</code>
The CSS settings are working ok so i know that i'm referring to the style sheet properly but the text in the body does not seem to be working properly. Any advice is greatly appreciated.
Also, looking for any general advice on good style for body text.
DaveThere are a lot of ways something can "not be working properly." Can you be a bit more specific?Ok:
when i go to the style sheet and change font size for body and then after that I go to my website, I don't see a change in font for the text in the site's body.1. Did you remember to upload the altered style sheet?
2. Is the Styles.css file in the same dir as the page?
3. Does anything change in the body other than the font attributes? E.g. if you change the background color of the body does that work?
4. Have you tried embedding the style sheet rather than linking it?And actually, your css need only be:
body {
background-color: white;
font-family: verdana, arial, sans-serif;
font-size: 1em;
}
The rest of the property declarations are redundant to the browser's defaults. On top of that, external style sheet rules are overridden by embedded style sheet rules, and also by inline style rules. That could be part of the problem too. We'll need to see the HTML and CSS of the page in question.