OK, so here is the link to my site: http://halonovels.hostwebs.com/
The HTML file is linked to the homepage, but the CSS file is not linked to the HTML page. I don't see where I did it wrong. They both are in the same directory and here is what I put:
HTML (only the link to the CSS file, put in the head):
<link rel = “stylesheet”
type = “text/css”
href = "spread.css” />
CSS: (the entire file, it is called spread.css and again, in the same folder on the site as the home page file)
#left {
float: left;
width: 10%;
}
#right {
float: left;
width: 85%;
border-left: 3px double gray;
}
#footer {
clear: both;
text-align: center;
border-top: 3px double gray;
}
body {
background-color: #000000;
color: #BBBBBB;
}
#head {
border-bottom: 3px double gray;
font-size: xx-large;
text-align: center;
}
#menu li{
list-style-type: none;
width: 5em;
text-align: center;
margin-left: -2.5em;
}
#menu a{
text-decoration: none;
color: black;
display: block;
border: 3px blue outset;
background-color: #CCCCFF;
}
#menu a:hover {
border: 3px blue inset;
}
Everything works fine when I put the file dirrectly in the HTML file but I want to learn to make my CSS and HTML files seperate, suggestions?
The HTML file is linked to the homepage, but the CSS file is not linked to the HTML page. I don't see where I did it wrong. They both are in the same directory and here is what I put:
HTML (only the link to the CSS file, put in the head):
<link rel = “stylesheet”
type = “text/css”
href = "spread.css” />
CSS: (the entire file, it is called spread.css and again, in the same folder on the site as the home page file)
#left {
float: left;
width: 10%;
}
#right {
float: left;
width: 85%;
border-left: 3px double gray;
}
#footer {
clear: both;
text-align: center;
border-top: 3px double gray;
}
body {
background-color: #000000;
color: #BBBBBB;
}
#head {
border-bottom: 3px double gray;
font-size: xx-large;
text-align: center;
}
#menu li{
list-style-type: none;
width: 5em;
text-align: center;
margin-left: -2.5em;
}
#menu a{
text-decoration: none;
color: black;
display: block;
border: 3px blue outset;
background-color: #CCCCFF;
}
#menu a:hover {
border: 3px blue inset;
}
Everything works fine when I put the file dirrectly in the HTML file but I want to learn to make my CSS and HTML files seperate, suggestions?