Link doesn't work at all

**zhshqzyc** · 08-29-2006, 09:51 AM

please help me look at my code,

Code:

<html>
<head>
   <title>E-commerce Syllabus</title>
   <style type="text/css">
   h1 {color:blue; text-align: left; font-family: times; class="under"}
   li em {color: red; text_decoration: underline}
   span {font-size: 0.7em}
   body {background-color: yellow}
   
 p:first-line 
{
color: #ff0000;
font-variant: small-caps
}
   
   p:first-letter 
   {
   color: #ff0000;
   font-size:x-large
   }
<link rel="stylesheet" type="text/css" href="first.css">  <!--doesn't work,help me >
</style>
</head>
<body>
 
...
</body>
</html>

the following is my first.css's code

Code:

p.ridge {border-style: ridge}
p.inset {border-style: inset}
@import url(second.css)
ul.disc {list-style-type: circle}

etc.

**LadynRed** · 08-29-2006, 10:10 AM

Is your CSS file in the root directory with the pages you're linking it to ?

**zhshqzyc** · 08-29-2006, 10:23 AM

Both of them are in the same folder.

**stOx** · 08-29-2006, 10:55 AM

**LadynRed** · 08-29-2006, 11:12 AM

I missed that StOx.. good catch ! Guess I need another cup of coffee this morning

Definitely take that <link> OUT of the <style> block.

**menerweb** · 08-29-2006, 07:55 PM

Code:

<html>
<head>
 <title>E-commerce Syllabus</title>
 <style type="text/css">
 h1 {color:blue; text-align: left; font-family: times; class="under"}
 li em {color: red; text_decoration: underline}
 span {font-size: 0.7em}
 body {background-color: yellow} 
p:first-line 
{
color: #ff0000;
font-variant: small-caps
} 
 p:first-letter 
 {
 color: #ff0000;
 font-size:x-large
 } 
</style> 
<link rel="stylesheet" type="text/css" href="first.css" /> (This can be either ">" or " />" according to your coding, HTML or XHTML, it is necessary to use " />" for closing tags like this) 
</head>
<body> 
...
</body>
</html>