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