:strip_icc():strip_exif()/u/264458/q%2520avatar.jpg?f=community){kind=avatar}
Ik ben dus een mailform aan het maken in php.
Nu heb ik een table toegevoegd zodat ik de dingen wat kan uitlijnen.
Nu vanaf dat ik de table heb toegevoegd (of gewoon een samenloop van omstandigheden)
heb ik de volgende 2 problemen:
1) er is precies nogal wat "padding" verschenen tussen mijn menu en mijn form
2) de tekstkleur van de dingen in de table wordt zwart i.p.v. wit die voor de hele pagina geldt.
De php echo die boven het form staat verschijnt wel netjes vlak onder het menu.
Nu vroeg ik me af of iemand mij de oorzaak kon vertellen want ik kon niet direct iets vinden op google.
De problemen zelf zijn snel genoeg opgelost door aan de table een witte font kleur + negatieve top margin toe te wijzen maar ik ben nogal nieuwsgierig.
Wat het helemaal raar maakt is dat zelfs margin-top: -0px; het 1ste probleem oplost.
Prentje van de spacing:
http://img152.imageshack.us/img152/4804/exampleax5.jpg
php code (advies mag altijd als je een andere fout ziet)
css
Nu heb ik een table toegevoegd zodat ik de dingen wat kan uitlijnen.
Nu vanaf dat ik de table heb toegevoegd (of gewoon een samenloop van omstandigheden)
heb ik de volgende 2 problemen:
1) er is precies nogal wat "padding" verschenen tussen mijn menu en mijn form
2) de tekstkleur van de dingen in de table wordt zwart i.p.v. wit die voor de hele pagina geldt.
De php echo die boven het form staat verschijnt wel netjes vlak onder het menu.
Nu vroeg ik me af of iemand mij de oorzaak kon vertellen want ik kon niet direct iets vinden op google.
De problemen zelf zijn snel genoeg opgelost door aan de table een witte font kleur + negatieve top margin toe te wijzen maar ik ben nogal nieuwsgierig.
Wat het helemaal raar maakt is dat zelfs margin-top: -0px; het 1ste probleem oplost.
Prentje van de spacing:
http://img152.imageshack.us/img152/4804/exampleax5.jpg
php code (advies mag altijd als je een andere fout ziet)
code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
| <?php
$errorName = '';
$errorEmail = '';
$errorSubject = '';
$errorMessage = '';
$errors=1;
if($_SERVER['REQUEST_METHOD'] == "POST")
{
$errors=0;
if(isset($_POST['name'],$_POST['email'],$_POST['subject'],$_POST['message']))
{
if(strlen($_POST['name']) < 1){
$errorName = 'Please fill in your name';
$errors+=1;
}
if(!eregi("^([a-z0-9_-])+([a-z0-9_.-])*@([a-z0-9_-])+(\.[a-z0-9_-]+)+$", $_POST['email'])){
$errorEmail = 'You\'ve enterend an invaled e-mail adress.';
$errors+=1;
}
if(strlen($_POST['subject'])<1){
$errorSubject = 'Please fill in the subject';
$errors+=1;
}
if(strlen($_POST['message'])<1){
$errorMessage = 'Please fill in the message area';
$errors+=1;
}
if($errors==0){
$headers = "From: ".$_POST['name']." <".$_POST['email'].">\r\n";
mail("x@gmail.com", $_POST['subject'],$_POST['message'], $headers);
}
}
}
?><!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>
<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon" />
<link rel='stylesheet' type='text/css' href='main.css' />
<title>
Contact
</title>
</head>
<body>
<div id='border'>
<div id='borderpadding'>
<div id='header'></div>
<div id='menu'>
<ul>
<li><a href="index.html">index</a></li>
<li><a href="articles.html">articles</a></li>
<li><a href="projects.html">projects</a></li>
<li><a href="resume.html">resume</a></li>
<li><a href="contact.html">contact</a></li>
<li><a href="links.html">links</a></li>
</ul>
<div id='clearboth'></div>
</div>
<div id='main'>
<?php
if($errors==0)
echo '<div>Your e-mail was succesfully sent</div>';
?>
<form action="index.php" method="post">
<table>
<tr><td id='form1'>Name:</td><td id='form2'><input id="name" type="text" size='40' name="name"<?php if(isset($_POST['name'])) echo ' value="'.$_POST['name'].'"'; ?> tabindex="1" /></td><td id='form3'><?php echo $errorName ?></td></tr>
<tr><td id='form1'>Email:</td><td id='form2'><input id="email" type="text" size='40'name="email"<?php if(isset($_POST['email'])) echo ' value="'.$_POST['email'].'"'; ?> tabindex="2" /></td><td id='form3'><?php echo $errorEmail ?></td></tr>
<tr><td id='form1'>Subject:</td><td id='form2'><input id="subject" type="text" size='40'name="subject"<?php if(isset($_POST['subject'])) echo ' value="'.$_POST['subject'].'"'; ?> tabindex="3" /></td><td id='form3'><?php echo $errorSubject ?></td></tr>
</table>
<span id='form1'>Message:</span><span id='form3'><?php echo $errorMessage ?></span><br/><textarea cols="60" rows="8" id="message" name="message" tabindex="4"><?php echo isset($_POST['message']) ? $_POST['message'] : '' ; ?></textarea><br/>
<input id="submit" type="submit" value="Send" tabindex="5"/>
</form>
</div>
</div>
</div>
<div id='bottom'>
Copyright by Simon Verhoeven
</div>
</body>
</html> |
css
code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
| html {
height: 100%;
padding-top:10px;
}
body{background-color: #666666;
height: 100%;
}
#header {
height: 160px;
background-image: url(images/header.png);
}
#border{
width: 964px;
background-image: url(images/border.jpg);
margin: 0 auto;
}
#borderpadding{
padding: 7px;
}
#main{background-color: #000000;
color: #FFFFFF;
padding:10px;
}
#bottom{color: #FFFFFF;
padding-top: 10px;
padding-bottom: 10px;
text-align:center;
}
#menu{
background: #353535 url('images/navigation.jpg') repeat-x;
border-bottom: 1px solid #FFFFFF;
border-top: 1px solid #FFFFFF;
}
#menu ul {display: inline; margin: 0px;}
#menu ul li {
border-right: 1px solid #ffffff;
float: left;
list-style: none;
}
#menu a {
color: #AAA;
display: block;
font: bold 1em Verdana,sans-serif;
padding: 12px 14px;
text-decoration: none;
}
#menu a:hover {
background: #444;
color: #E5E5D5;
text-decoration: none;
}
#clearboth {clear: both;}
#form1 {width:60px;}
#form3 {color: #FF0000;
font-weight: bold;} |
[ Voor 6% gewijzigd door Simon Verhoeven op 19-10-2008 21:29 . Reden: mijn e-mail adres weggehaald, code geupdate ]
:strip_icc():strip_exif()/u/51415/crop683ca4502b799_cropped.jpg?f=community)
:strip_exif()/u/50656/andre-scholten-avatar.gif?f=community){kind=avatar}
:strip_icc():strip_exif()/u/14160/skabouter-60x60.jpg?f=community)
