1e naam niet hetzelfde CSS als 2e naam
Code (php)
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
89
90
91
92
93
94
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
89
90
91
92
93
94
<?php
include 'config.php';
if($_SERVER['REQUEST_METHOD'] == 'POST')
{
$naam = $_POST['naam'];
$subject = $_POST['onderwerp'];
$bericht = $_POST['bericht'];
$query = "INSERT INTO berichten (user, subject, bericht)
VALUES ('$naam', '$subject', '$bericht')";
$result = mysql_query($query)
or die(mysql_error());
header ('refresh: 3; url=gastenboek.php');
echo "Uw bericht is toegevoegd, u wordt terug gestuurd.";
}
else
{
$query = "SELECT *
FROM berichten";
$res = mysql_query($query) or die(mysql_error());
echo "<div id='container'>";
echo "<br />";
date_default_timezone_set('Europe/Amsterdam');
$today = date("d/n/Y - H:i:s");
while($row = mysql_fetch_assoc($res))
{
?>
<span class="naam"><?php echo $row['user'];?></span>
<span class="datum"><?php echo $today; ?></span>
<br/>
<div class="bericht">
<p>
<?php echo $row['bericht']; ?>
</p>
</div>
<?php
}
echo "<br /><br />";
?>
<form action="gastenboek.php" method="post">
Naam: <input type="text" name="naam"/>
Onderwerp: <input type="text" name="onderwerp" style="width:163px;"/><br />
<textarea name="bericht" cols="53" rows="10"></textarea><br/>
<input type="submit" name="submit" value="Bericht plaatsen" style="width:450px;"/>
</form>
<?php
}
echo "</div>";
?>
<style type="text/css">
#container
{
margin-left: 440px;
}
.bericht
{
width: 447px;
background-color: #c9c9c9;
}
.datum
{
position: absolute;
margin-left: -144px;
margin-top: 35px;
}
.naam
{
position: absolute;
margin-left: -49px;
margin-top: 20px;
}
</style>
include 'config.php';
if($_SERVER['REQUEST_METHOD'] == 'POST')
{
$naam = $_POST['naam'];
$subject = $_POST['onderwerp'];
$bericht = $_POST['bericht'];
$query = "INSERT INTO berichten (user, subject, bericht)
VALUES ('$naam', '$subject', '$bericht')";
$result = mysql_query($query)
or die(mysql_error());
header ('refresh: 3; url=gastenboek.php');
echo "Uw bericht is toegevoegd, u wordt terug gestuurd.";
}
else
{
$query = "SELECT *
FROM berichten";
$res = mysql_query($query) or die(mysql_error());
echo "<div id='container'>";
echo "<br />";
date_default_timezone_set('Europe/Amsterdam');
$today = date("d/n/Y - H:i:s");
while($row = mysql_fetch_assoc($res))
{
?>
<span class="naam"><?php echo $row['user'];?></span>
<span class="datum"><?php echo $today; ?></span>
<br/>
<div class="bericht">
<p>
<?php echo $row['bericht']; ?>
</p>
</div>
<?php
}
echo "<br /><br />";
?>
<form action="gastenboek.php" method="post">
Naam: <input type="text" name="naam"/>
Onderwerp: <input type="text" name="onderwerp" style="width:163px;"/><br />
<textarea name="bericht" cols="53" rows="10"></textarea><br/>
<input type="submit" name="submit" value="Bericht plaatsen" style="width:450px;"/>
</form>
<?php
}
echo "</div>";
?>
<style type="text/css">
#container
{
margin-left: 440px;
}
.bericht
{
width: 447px;
background-color: #c9c9c9;
}
.datum
{
position: absolute;
margin-left: -144px;
margin-top: 35px;
}
.naam
{
position: absolute;
margin-left: -49px;
margin-top: 20px;
}
</style>
En waarom een <br /> na je container? Er bestaat ook een margin-top property.
Gewijzigd op 18/11/2011 12:47:12 door - Ariën -
en die <br /> was inderdaad fout, die moet ik oplossen met margin-top. Maar hoe kan ik mijn naam goed zetten?
tip 1: maak eerst je pagina zoals je die wil hebben op in gewoon HTML. Hardcoded dus, zonder variabele input en probeer daar je styling goed te krijgen. Als je dan je HTML en CSS code hier kunt laten zien is het een stuk eenvoudiger om je te helpen.
Online link zodat ik even de broncode/css kan bekijken met firebug:) gaat wat makkelijker om fouten op te sporen
* ctrl+c
* ctrl+v
* save as .html
* bekijk met firebug en alle debugconsoles
Gewijzigd op 23/11/2011 09:28:56 door Victor -
Pietje akkers op 18/11/2011 12:49:02:
hoezo toon ik mijn php-code?
Omdat die niet nodig is voor een HTML/CSS-probleem?
Gewijzigd op 24/11/2011 14:54:28 door - Ariën -