Du kan ikke bare indsætte HTML-kode i en CSS-fil. Du skal først lave den om til CSS-kode. For fx at få style-koderne væk fra dit <body> tag kan du ændre din style.css til:
.style1 {color: #CCCCCC;}
.style5 {
color: #CCCCCC;
font-weight: bold;
font-size: x-large;
font-style: italic;
}
body {
margin-top: 5px;
margin-right: 70px;
margin-bottom: 10px;
margin-left: 70px;
background: #000000;
}
.footer {
position: fixed;
left: 0;
bottom: 0;
width: 100%;
height: 20px;
color: #000000;
text-transform: uppercase;
background-color: #CCCCCC;
border-top: solid 1px #666666;
-moz-box-shadow: 1px 1px 1px #999;
-webkit-box-shadow: 1px 1px 1px #999;
box-shadow: 1px 1px 1px #999;
}Og du skal så samtidigt ændre i din HTML så den fx kommer til at ligne noget ala dette:
<html>
<head>
<title>Born 2 Fail</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<!-- ImageReady Slices (b2f-hjemmeside.psd) -->
<center>
<table id="Table_01" width="1001" height="114" border="0" cellpadding="0" cellspacing="0">
Tilsvarende skal du gøre ting alle andre steder hvor du har style-information i din HTML.
Men dette er langt fra det vigtigste at gøre. Det første og vigtigste du bør rette er doctypen. Her er et eksempel:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Born 2 Fail</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body bgcolor="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (b2f-hjemmeside.psd) -->
<center>
<table id="Table_01" width="1001" height="114" border="0" cellpadding="0" cellspacing="0">