Hi all and thanks for reading this..
Well i am back with another problem. so it seems i am mostly taking from this site at the moment, although i do see a big donate sign at the top !!!
Ah ha !
Anyway here is my question...

Please could anybody quickly visit this site i am creating for a friend and doubling up as a beginner project.

http://www.devondesigns.co.uk/

my main issue coomes from me somehow losing my positioning control over the header image when you visit the contact.php page...
If i wrap the head and form in a container class div it seems to continue to stay left hand oriented... so i took that out again..( still in the css though)
Im sooo craply tired and know i am missing something stupid and obvious, just not to me !:)
here is the .css and the source code can obviously be viewed on the web page.....
feel free to tell me off as i know this is something stupidy stupid, my brain just isnt functioning for some reason...?!

@charset "utf-8";
/* CSS Document */

.container      {

	         width:800px;
                 
	        }

#head	        {
                 
                clear:right;
	        display:block;
	        border:none;
		display:block;
		margin-left:auto;
		margin-right:auto;
		
		}
         
#blurb	        {

		text-align:center;
		padding-left:15%;
		padding-right:15%;

		}
		
#textabout	{
                
                font-style:italic;
		position:static;
		width:800px;
		border:none;
		text-align:left;
		margin-left:155px;
		margin-right:auto;

		}

#navigationweb2	{

		width:800px;
		display:block;
		margin-left:auto;
		margin-right:auto;

		}

#foot 	        {

		position:relative;
		display:block;
		z-index:1;
		border:none;
		position:relative;
		bottom:0%;
		display:block;
		bottom:relative;
		margin-left:auto;
		margin-right:auto;
		
		}

#form	        {

		position:inherit;
		float:none;
		text-align:left;
		margin-left:162px;
		margin-right:auto;
		
		}

#comments	{

		position:inherit;
		padding-left:50%;
		margin-left:auto;
		margin-right:auto;
			
		}







#sddm
{	margin: 0;
	padding: 0;
	z-index: 30}

#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 11px arial}

#sddm li a
{	display: block;
	margin: 0 1px 0 0;
	padding: 4px 10px;
	width: 60px;
	background: #5970B2;
	color: #FFF;
	text-align: center;
	text-decoration: none}

#sddm li a:hover
{	background: #49A3FF}

#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #EAEBD8;
	border: 1px solid #5970B2}

	#sddm div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #EAEBD8;
		color: #2875DE;
		font: 11px arial}

	#sddm div a:hover
	{	background: #49A3FF;
		color: #FFF}

and here is the contact.php incase you cant be bothered to look at from website.....

<!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=utf-8" />
<link rel="stylesheet" type="text/css" href="main.css" media="all"/>
<title>Devon Designs Contact</title>
</head>

<body>

<div id="head">
<img src="neil_01.png"   usemap="#headMap" id="head" />
</div>
<map name="headMap" id="headMap">

  <area shape="rect" coords="66,128,111,148"  href="index.html" alt="home" />
  <area shape="rect" coords="214,130,256,145" href="about.html" alt="about" />
  <area shape="rect" coords="505,129,562,145" href="portfolio.html" alt="portfolio"/>
</map>

<div id="form">
    <? //enter recipient's email address.  If multiple recipients, separate with comma:
    $to="neil@devondesigns.co.uk";
    if(isset($_POST['email'])){
    if(ereg("^[^@]{1,64}@[^@]{1,200}\.[a-zA-Z]{2,3}$",$_POST['email'])){
    mail($to,$_POST['subject'],$_POST['message'],"From: ".$_POST['email']);
    echo'<font color="green">Your message was sent</font>';
    }else echo'<font color="red">"'.$_POST['email'].'" is not a valid email address.</font>';
 }
?>
<form action="" method="post"><table><tr><td><em>Your Email:</em></td><td><input name="email"></td></tr>
<tr><td><em>Phone:</em></td> <td><input name="phone"></td></tr>
<td><em>Subject:</em></td> <td><input name="subject"></td></tr></table><em>Correspondence:</em>
<br><textarea rows="8" cols="50" name="message"></textarea><br>
<input type="submit" value="send">
      </form>
</div>


<div id="foot">
<img src="neil_03.png" id="foot" />
	</div>
</body>
</html>

thanks again for everyones help , previously and now .
Cheers gruffy

sorry sorry sorry for wasting your time i got it and fixed it without knowing . i am supid and there was nothing wrong with code and all seems to be in place. my issue was really with my brain .
Am twonk-meister... so sorry again for wasting anyones time
uuuh i dont know
gruffy

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.