external style sheet help please!!!

Perseus

Perseus

Registered
OK so I am trying to use an external style sheet. Here is my code for it within the head tag:

<link rel="StyleSheet" href="/styles/aescstyle.css" type="text/css" media="all" />
<style type="text/css" media="all">
@import "/styles/aescstyle.css";
</style>

I used an html editor, and saved my css code as a .css file. The CSS code so far is this:

p
{
line-height: 15px;
padding: 15px;
margin-top: 0px;
font-family: tahoma, verdana;
font-size: 11px;
}

(that is all that is typed in there so far)

I wrote a "test" sentence with the following code:

<body>
<p>This is a style sheet test using an external file.</p>
</body>

The text comes up as times, roughly size 12...when my CSS clearly states it should be tahome or verdana size 11. Why can't I get my external style sheet to work? Also, I saved it into a folder called "styles" as seen in my code:

<link rel="StyleSheet" href="/styles/aescstyle.css" type="text/css" media="all" />
<style type="text/css" media="all">
@import "/styles/aescstyle.css";
</style>

What can I do to fix the problem? I have tested it in several browsers. Thanks!
 
I solved the problem. :confused: I had the location of the css file wrong: i needed to get rid of that first slash. hmmph.
 
Just a quick question, why are you importing the same style twice?

Code: 
<link rel="StyleSheet" href="/styles/aescstyle.css" type="text/css" media="all" />

<style type="text/css" media="all">
     @import "/styles/aescstyle.css";
</style>
 
You must log in or register to reply here.
Back
Top