HTML Help

puffmac · Joined: 21 Feb 2007 Posts: 11

Hello,

Ive got paid-for webhosting. I'm making a personal website with CSS and HTML. I'm fairly new to CSS and I know the basics of HTML. My problem is nothing is shoing on-screen they way I've set it in the CSS.

the CSS code is:
Code:
@charset "utf-8";
/* (c)copyright 2007 Puffmac */
/* If for whatever reason you get your */
/* hands on this stylesheet it probably */
/* Wont be of any use, if it is, please */
/* Leave this body intact */

/*MAIN BODY*/

body {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#003399;
background:url(../images/web_bg.jpg;
}

/*LINKS*/

a:link {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#003399;
font-weight:200;
}

a:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#FFFFFF;
background-color:#003399;
text-decoration:none;
}

/*HEADINGS*/

h1 {
font-family:quartz;
color:#CCCCCC;
font-size:20px;
}

h2 {
font-family:Quartz;
color:#CCCCCC;
font-size:16px;
}

/*DIV CONTAINER*/

#container {
text-align:center;
border:2px solid #000000;
width:750px;
height:auto;
background-color:#CCCCCC;
}

/*HEADER*/

#header {
width:100%;
height:auto;
background-image:url(../images/header.jpg);
background-repeat:no-repeat;
}

/*NAVIGATION*/

#nav {
width:100%;
height:auto;
background-color:#CCCCCC;
}

Now it isnt finished but here is the HTML:

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>ThePuffmac.co.uk</title>
<link href="../css/style.css" rel="stylesheet" type="text/css" />

</head>
<body>
<div id="container" align="center">
</div>
</body>
</html>

Obviously still not finished, as I'm building it up bit by bit along with my CSS. The problem is the page is blank (www.thepuffmac.co.uk). I hope there is someone here who can help me resolve this as Mabey I haven't coded my CSS or HTML properly.

Cheers,
Andy

Pattons3rd · Joined: 28 Dec 2006 Posts: 1212 Location: Colorado

I think you need something inside the div, like  