building a website for myself

i am very new to html i cant do it to save myself.
but this is what i got so far.
where am i going wrong?

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>

<html xmlns=“http://www.w3.org/1999/xhtml”>

<head>
<meta http-equiv=“Content-Type” content=“text/html;charset=iso-8859-1” />
<meta http-equiv=“Content-Style-Type” content=“text/css” />

<title>
Andylamb
</title>

<link rel=“stylesheet” href=“style.css” type=“text/css” media=“screen” />

</head>

<body>

<div id=“container”>

&lt;div id="body_image"&gt; &lt;/div&gt;


&lt;!-- Start of Page Header --&gt;

&lt;div id="page_header"&gt;
	&lt;h1&gt;&lt;span&gt;Andylamb&lt;/span&gt;&lt;/h1&gt;
	&lt;h3&gt;&lt;span&gt;Welcome to Andylamb's Website&lt;/span&gt;&lt;/h3&gt;

	&lt;div class="clearthis"&gt; &lt;/div&gt;
&lt;/div&gt;

&lt;!-- End of Page Header --&gt;


&lt;!-- Start of Page Menu --&gt;

&lt;div id="page_menu"&gt;

	&lt;ul&gt;
	&lt;li class="online"&gt;&lt;a href="http://andylamb.clanservers.com/" title="Online"&gt;&lt;span&gt;Online&lt;/span&gt;&lt;/a&gt;&lt;span&gt;&lt;/span&gt;&lt;/li&gt;
	&lt;li class="downloads"&gt;&lt;a href="http://andylamb.clanservers.com/" title="Downloads"&gt;&lt;span&gt;Downloads&lt;/span&gt;&lt;/a&gt;&lt;span&gt;&lt;/span&gt;&lt;/li&gt;
	&lt;li class="community"&gt;&lt;a href="http://andylamb.clanservers.com/" title="Community"&gt;&lt;span&gt;Community&lt;/span&gt;&lt;/a&gt;&lt;span&gt;&lt;/span&gt;&lt;/li&gt;
	&lt;li class="about"&gt;&lt;a href="http://andylamb.clanservers.com/" title="About"&gt;&lt;span&gt;About Zone&lt;/span&gt;&lt;/a&gt;&lt;span&gt;&lt;/span&gt;&lt;/li&gt;
	&lt;/ul&gt;

&lt;/div&gt;

&lt;!-- End of Page Menu --&gt;


&lt;div id="page_forms"&gt;

	&lt;div&gt;

<!-- Start of Site Search -->

	&lt;div id="sitesearch_header"&gt;
	&lt;h2&gt;&lt;span&gt;Site Search&lt;/span&gt;&lt;/h2&gt;
	&lt;/div&gt;

	&lt;div id="sitesearch"&gt;

		&lt;form action="http://www.freewebsitetemplates.com/"&gt;

		&lt;div&gt;
		&lt;input type="text" /&gt;
		&lt;input type="image" src="images/sitesearch_button.gif" alt="Go" class="button" /&gt;
		&lt;/div&gt;

		&lt;div class="clearthis"&gt; &lt;/div&gt;

		&lt;/form&gt;

	&lt;/div&gt;

	&lt;!-- End of Site Search --&gt;

&lt;/div&gt;


&lt;div id="content_body"&gt;

	&lt;!-- Start of Recent Reviews --&gt;

	&lt;div id="reviews_box"&gt;
	&lt;div id="reviews"&gt;

		&lt;div class="content_header"&gt;
		&lt;h2&gt;&lt;span&gt;Recent Reviews&lt;/span&gt;&lt;/h2&gt;
		&lt;/div&gt;


		&lt;!-- Start of Recent Reviews Entry 1 --&gt;

		&lt;div class="content_entry"&gt;

			&lt;div class="thumbnail"&gt;&lt;img src="images/_image01.gif" width="121" height="90" alt="Image Caption" /&gt;&lt;/div&gt;

			&lt;div class="entry_text"&gt;

<div>

<p>This site is currently under construction</p>
<p>If you would like to tell me how much of a newb i am with website building then contact me at andylamb85@hotmail.co.uk</p>

			&lt;/div&gt;

			&lt;div class="clearthis"&gt; &lt;/div&gt;
		&lt;/div&gt;

		&lt;!-- End of Recent Reviews Entry 1 --&gt;


		&lt;!-- Start of Recent Reviews Entry 2 --&gt;

		&lt;div class="content_entry"&gt;

			&lt;div class="thumbnail"&gt;&lt;img src="images/_image02.gif" width="118" height="88" alt="Image Caption" /&gt;&lt;/div&gt;

			&lt;div class="entry_text"&gt;

<p>Do you like beans?</p>
<p>If so would you like some?</p>

			&lt;/div&gt;

			&lt;div class="clearthis"&gt; &lt;/div&gt;
		&lt;/div&gt;

		&lt;!-- End of Recent Reviews Entry 2 --&gt;


	&lt;/div&gt;
	&lt;/div&gt;

	&lt;!-- End of Recent Reviews --&gt;


	&lt;!-- Start of Play Now --&gt;

	&lt;div id="playnow_box"&gt;
	&lt;div id="playnow"&gt;

		&lt;div class="content_header"&gt;
		&lt;h2&gt;&lt;span&gt;Play Now&lt;/span&gt;&lt;/h2&gt;
		&lt;/div&gt;


		&lt;!-- Start of Play Now Entry 1 --&gt;

		&lt;div class="content_entry"&gt;

			&lt;div class="thumbnail"&gt;&lt;img src="images/_image03.gif" width="118" height="88" alt="Image Caption" /&gt;&lt;/div&gt;

			&lt;div class="entry_text"&gt;

<h3>
<a href=“http://www.justwebtemplates.com”>Just Web Templates</a>
<br />
</h3>

<p>Even more websites all about website templates on <a href=“http://www.justwebtemplates.com”>Just Web Templates</a>.</p>

			&lt;/div&gt;

			&lt;div class="clearthis"&gt; &lt;/div&gt;
		&lt;/div&gt;

		&lt;!-- End of Play Now Entry 1 --&gt;


		&lt;!-- Start of Play Now Entry 2 --&gt;

		&lt;div class="content_entry"&gt;

			&lt;div class="thumbnail"&gt;&lt;img src="images/_image04.gif" width="118" height="88" alt="Image Caption" /&gt;&lt;/div&gt;

			&lt;div class="entry_text"&gt;

<p>Boo!</p>

			&lt;/div&gt;

			&lt;div class="clearthis"&gt; &lt;/div&gt;
		&lt;/div&gt;

		&lt;!-- End of Play Now Entry 2 --&gt;

	&lt;/div&gt;
	&lt;/div&gt;

	&lt;!-- End of Play Now --&gt;

&lt;/div&gt;


&lt;div id="clearthis_contentbody"&gt; &lt;/div&gt;

</div>

<!-- Start of Page Footer -->

<div id=“page_footer”>
Copyright Andylamb 2008
</div>

<!-- End of Page Footer -->

</body>
</html>

What exactly is the problem or what are you trying to achieve that you can’t Andy?

The page loads OK and the links work. Is there something else wrong with it?

oh right…
well it looks like this
http://andylamb.clanservers.com/

if it loads ok for u i dont know what the problem is.
part of the page is distorted from the rest.
so a bit that is supposed to be at the bottom is overlapping with the top

gah blah gah :eek:

Hopefully I have closed off all the unclosed Div statements !!

Are you talking about the big picture of the man with a gun ?

Either way you need to modify your CSS as that is where your info is held… the big pic with the gun is part of a section called #Page Header


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1" />
<meta http-equiv="Content-Style-Type" content="text/css" />

<title>
Andylamb
</title>

<link rel="stylesheet" href="style.css" type="text/css" media="screen" />

</head>

<body>

<div id="container">
</div>

<div id="body_image"> </div>


<!-- Start of Page Header -->

<div id="page_header">
<h1><span>Andylamb</span></h1>
<h3><span>Welcome to Andylamb's Website</span></h3>

<div class="clearthis"> </div>
</div>

<!-- End of Page Header -->


<!-- Start of Page Menu -->

<div id="page_menu">

<ul>
<li class="online"><a href="http://andylamb.clanservers.com/" title="Online"><span>Online</span></a><span></span></li>
<li class="downloads"><a href="http://andylamb.clanservers.com/" title="Downloads"><span>Downloads</span></a><span></span></li>
<li class="community"><a href="http://andylamb.clanservers.com/" title="Community"><span>Community</span></a><span></span></li>
<li class="about"><a href="http://andylamb.clanservers.com/" title="About"><span>About Zone</span></a><span></span></li>
</ul>

</div>

<!-- End of Page Menu -->


<div id="page_forms">

</div>











<!-- Start of Site Search -->

<div id="sitesearch_header">
<h2><span>Site Search</span></h2>
</div>

<div id="sitesearch">

<form action="http://www.freewebsitetemplates.com/">

<div>
<input type="text" />
<input type="image" src="http://andylamb.clanservers.com/images/sitesearch_button.gif" alt="Go" class="button" />
</div>

<div class="clearthis"> </div>

</form>

</div>

<!-- End of Site Search -->




<div id="content_body">

<!-- Start of Recent Reviews -->

<div id="reviews_box">
<div id="reviews">

<div class="content_header">
<h2><span>Recent Reviews</span></h2>
</div>


<!-- Start of Recent Reviews Entry 1 -->

<div class="content_entry">

<div class="thumbnail"><img src="http://andylamb.clanservers.com/images/_image01.gif" width="121" height="90" alt="Image Caption" /></div>

<div class="entry_text">

<div>

<p>This site is currently under construction</p>
<p>If you would like to tell me how much of a newb i am with website building then contact me at andylamb85@hotmail.co.uk</p>

</div>

<div class="clearthis"> </div>
</div>

<!-- End of Recent Reviews Entry 1 -->


<!-- Start of Recent Reviews Entry 2 -->

<div class="content_entry">

<div class="thumbnail"><img src="http://andylamb.clanservers.com/images/_image02.gif" width="118" height="88" alt="Image Caption" /></div>

<div class="entry_text">

<p>Do you like beans?</p>
<p>If so would you like some?</p>


</div>

<div class="clearthis"> </div>
</div>

<!-- End of Recent Reviews Entry 2 -->


</div>
</div>

<!-- End of Recent Reviews -->


<!-- Start of Play Now -->

<div id="playnow_box">
<div id="playnow">

<div class="content_header">
<h2><span>Play Now</span></h2>
</div>


<!-- Start of Play Now Entry 1 -->

<div class="content_entry">

<div class="thumbnail"><img src="http://andylamb.clanservers.com/images/_image03.gif" width="118" height="88" alt="Image Caption" /></div>

<div class="entry_text">
<h3>
<a href="http://www.justwebtemplates.com">Just Web Templates</a>
<br />
</h3>

<p>Even more websites all about website templates on <a href="http://www.justwebtemplates.com">Just Web Templates</a>.</p>


</div>

<div class="clearthis"> </div>
</div>

<!-- End of Play Now Entry 1 -->


<!-- Start of Play Now Entry 2 -->

<div class="content_entry">

<div class="thumbnail"><img src="http://andylamb.clanservers.com/images/_image04.gif" width="118" height="88" alt="Image Caption" /></div>

<div class="entry_text">



<p>Boo!</p>

</div>

<div class="clearthis"> </div>
</div>

<!-- End of Play Now Entry 2 -->

</div>
</div>

<!-- End of Play Now -->

</div>


<div id="clearthis_contentbody"> </div>
</div>

<!-- Start of Page Footer -->

<div id="page_footer">
Copyright Andylamb 2008
</div>

<!-- End of Page Footer -->


</body>
</html>

the CSS of Andy’s


/* Edited with EditCSS */
/**** LINK-tag style sheet style.css ****/

* {
	margin: 0px;
	padding: 0px;
}

body {
	padding-top: 20px;
	background-color: #000;
	color: #aca9a9;
	font-family: verdana, arial, sans-serif;
	font-size: 10px;
	text-align: center;
	letter-spacing: 1px;
}

a {
	color: #fff;
	text-decoration: none;
}

a:hover {
	color: #ea9a2e;
}

span {
	display: none;
}

img {
	border: none;
}

ul {
	list-style-type: none;
}

li {
	list-style-type: none;
}

p {
	margin: 7px 0px 10px;
	text-align: justify;
	line-height: 12px;
}

.clearthis {
	margin : 0px;
	height : 1px;
	clear : both;
	float : none;
	font-size : 1px;
	line-height : 0px;
	overflow : hidden;
	visibility: hidden;
}


#container {
	margin: 0px auto;
	text-align: left;
	background: url('images/content_bgcolor.gif') #2f2e2e repeat-x 0px 0px;
	border: #860b09 2px solid;

	width:778px; 
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:774px;
}

#container {
	padding: 0px;
}

#body_image {
	margin: 0px 0px 0px 194px;
	height: 431px;
	width: 580px;
	background: url('images/header_image.png') transparent no-repeat 100% -1px;
	z-index: 1;
	position: absolute;
	overflow: hidden;
}



/* Page Header */

#page_header {
	width: 774px;
	height: 60px;
	background: url('images/header_background.gif') repeat-x 0px 0px;
	overflow: hidden;
}

#page_header h1 {
	width: 330px;
	height: 51px;
	background: url('images/website_name.gif') no-repeat 42px 12px;
	float: left;
}

#page_header h3 {
	width: 230px;
	height: 51px;
	background: url('images/header_welcome.gif') no-repeat 23px 12px;
	float: left;
}


/* Page Menu */

#page_menu {
	margin-bottom: 20px;
	width: 774px;
	height: 30px;
	background: url('images/menu_background.gif') repeat-x 0px 0px;
}

#page_menu ul {
	height: 30px;
}

#page_menu li {
	padding: 0px 18px 0px 12px;
	height: 30px;
	background: url('images/menu_list_bg.gif') no-repeat 12px 0px;
	float: left;
}

#page_menu li a {
	width: 123px;
	height: 30px;
	display: block;
	overflow: hidden;
	cursor: pointer;
	z-index: 2;
	position: absolute;
}

#page_menu .online a {
	background: url('images/menu_online.gif') no-repeat 50% 11px;
}

#page_menu .downloads a {
	background: url('images/menu_downloads.gif') no-repeat 50% 11px;
}

#page_menu .community a {
	background: url('images/menu_community.gif') no-repeat 50% 11px;
}

#page_menu .about a {
	background: url('images/menu_about.gif') no-repeat 50% 11px;
}

#page_menu li span {
	width: 123px;
	height: 30px;
	display: block;
	overflow: hidden;
}

#page_menu li a span {
	display: none;
}


/* Page Forms */

#page_forms {
	border-right: #860b09 2px solid;
	float: left;
}

#page_forms input {
	padding-top: 5px;
	padding-bottom: 2px;
	color: #c6c4c4;
	background-color: #373837;
	border: #5b5d5b 1px solid;
	font-family: tahoma, arial, sans-serif;
	font-size: 13px;
	font-weight: bold;
}

#page_forms input.button {
	padding: 0px;
	border: none;
	cursor: pointer;
}


/* User Login */

#userlogin_header {
	border-width: 2px 0px;
	border-color: #860b09 #000 #860b09;
	border-style: solid;
}

#userlogin_header h2 {
	width: 196px;
	height: 29px;
	background: url('images/userlogin_header.gif') no-repeat 50% 0%;
}

#userlogin {
	height: 235px;
	width: 196px;
	overflow: hidden;
}

#userlogin form {
	margin: 12px 0px 10px;
	width: 196px;
	text-align: center;
}

#userlogin form strong {
	display: block;
	width: 70px;
	height: 24px;
	margin-bottom: 3px;
	float: left;
	clear: left;
}

#field_username, #field_password {
	display: block;
	clear: both;
}

#button_enter {
	margin: 0px auto;
	width: 40px;
	float: none;
	clear: both;
	display: block;
}

#field_username strong {
	background: url('images/userlogin_login.gif') no-repeat 50% 6px;
}

#field_password strong {
	background: url('images/userlogin_password.gif') no-repeat 50% 6px;
}

#userlogin input {
	margin-right: 2px;
	margin-bottom: 12px;
	width: 122px;
	float: right;
	clear: right;
}

#userlogin input.button {
	margin: 7px 0px;
	width: 40px;
	height: 18px;
	float: none;
	clear: both;
}

#userlogin_links {
	padding: 10px 12px 0px;
	border-top: #860b09 2px solid;
}

#userlogin_links a#register {
	background: url('images/userlogin_register.gif') no-repeat 0px 0px;
	display: block;
}

#userlogin_links a#notregister {
	background: url('images/userlogin_notregister.gif') no-repeat 0px 0px;
	display: block;
}

#userlogin_links a strong {
	width: 170px;
	height: 20px;
	display: block;
	cursor: pointer;
}


/* Site Search */

#sitesearch_header {
	border-top: #860b09 2px solid;
}

#sitesearch_header h2 {
	width: 196px;
	height: 25px;
	background: url('images/sitesearch_header.gif') no-repeat 50% 100%;
}

#sitesearch {
	width: 196px;
	border-bottom: #860b09 2px solid;
}

#sitesearch form {
	margin: 12px 5px 20px;
	width: 186px;
	height: 25px;
	clear: both;
	overflow: hidden;
}

#sitesearch input {
	padding: 2px 0px;
	width: 154px;
	float: left;
	font-size: 12px;
}

#sitesearch input.button {
	width: 24px;
	height: 20px;
	float: right;
}


/* Content Body */

#content_body {
	clear: left;
	float: left;
	width: 774px;
}


#clearthis_contentbody {
	width: 774px;
	margin : 0px;
	height : 1px;
	clear : both;
	float : none;
	font-size : 1px;
	line-height : 0px;
	overflow : hidden;
}

.content_header {
	background: url('images/content_header_bg.gif') repeat-x 0px 0px;
}

.content_entry {
	padding: 23px 0px 0px;
}

.content_entry .thumbnail {
	margin: 5px 0px 15px;
	float: left;
	border: #a09e9e 1px solid;
}

.content_entry .thumbnail img {
	float: left;
}

.content_entry .entry_text {
	padding-right: 15px;
	width: 210px;
	float: right;
	text-align: justify;
}

.content_entry .entry_text h3 a{
	padding-bottom: 5px;
	color: #c71212;
	font-size: 10px;
	font-weight: normal;
}

/* Recent Reviews */

#reviews_box {
	padding: 15px 10px;
	float: left;
}

#reviews {
	width: 378px;
}

#reviews .content_header h2 {
	width: 142px;
	height: 20px;
	background: url('images/reviews_header.gif') no-repeat 0px 0px;
}

#reviews .content_entry {
	width: 378px;
}


/* Play Now */

#playnow_box {
	padding: 15px 12px;
	float: right;
}

#playnow {
	width: 351px;
}

#playnow .content_header h2 {
	width: 100px;
	height: 20px;
	background: url('images/playnow_header.gif') no-repeat 0px 0px;
}

#playnow .content_entry {
	width: 351px;
}

#playnow .content_entry .thumbnail {
	margin-left: 3px;
}

#playnow .content_entry .entry_text {
	padding-right: 10px;
	width: 200px;
}


/* Page Footer */

#page_footer {
	padding: 15px 10px;
	color: #e5e0e0;
	font-size: 12px;
	text-align: center;
	letter-spacing: 0px;
}

#page_footer a {
	color: #e5e0e0;
	text-decoration: underline;
}

#page_footer a:hover {
	color: #bb1414;
}



tyvm guys i have given up on the above one for now.
havent got time to make it all work.
so ive made the page quite simple for now.
but will be alot flasher later on hopefully.
but thanks again
andy.