Tijden veranderen
Opmaken form
ik heb mijn form opgemaakt maar firefox, ie9 en opera weergeeft het niet goed. Dit komt ook doordat mijn code niet valid is. Hoe kan ik dit netjes maken?
Code (php)
1
2
3
4
5
6
7
8
2
3
4
5
6
7
8
<form method="post" action="" name="registreren">
<div class="tekst">E-mail:</div><div class="input"><input type="text" name="email" id="email" style="width: 100%;" /></div>
<div class="tekst">Wachtwoord:</div><div class="input"><input type="password" name="wachtwoord" id="wachtwoord" style="width: 100%;" /></div>
<input type="submit" name="submit" value="" class="submit" />
</form>
<div class="tekst">E-mail:</div><div class="input"><input type="text" name="email" id="email" style="width: 100%;" /></div>
<div class="tekst">Wachtwoord:</div><div class="input"><input type="password" name="wachtwoord" id="wachtwoord" style="width: 100%;" /></div>
<input type="submit" name="submit" value="" class="submit" />
</form>
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
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
/* form */
.tekst
{
width: 120px;
float: left;
height: 26px;
margin-bottom: 5px;
font-size: 22px;
}
.input
{
margin-bottom: 5px;
float: right;
width: 300px;
}
.submit
{
float: right;
background: url('../images/submit.png') no-repeat;
width: 131px;
height: 42px;
border: none;
}
.tekst
{
width: 120px;
float: left;
height: 26px;
margin-bottom: 5px;
font-size: 22px;
}
.input
{
margin-bottom: 5px;
float: right;
width: 300px;
}
.submit
{
float: right;
background: url('../images/submit.png') no-repeat;
width: 131px;
height: 42px;
border: none;
}
PHP Jasper op 13/06/2011 22:10:29:
Dit komt ook doordat mijn code niet valid is.
Dus je weet al waar je moet beginnen.
Code (php)
1
<div class="tekst">E-mail:</div>
lang leve label-tags...
The Force op 14/06/2011 10:40:09:
Daarnaast: maak altijd gebruik van een CSS master stylesheet!
Hoe kan je opmaken uit dit bericht dat ik dat niet doe?
Ik heb nu dit:
Code (php)
1
2
3
4
5
6
7
8
2
3
4
5
6
7
8
<form method="post" action="" name="registreren">
<label for="email:">E-mail:</label><input type="text" name="email" id="email" style="width: 100%;" />
<label for="wachtwoord:">Wachtwoord</label><input type="password" name="wachtwoord" id="wachtwoord" style="width: 100%;" />
<input type="submit" name="submit" value="" class="submit" />
</form>
<label for="email:">E-mail:</label><input type="text" name="email" id="email" style="width: 100%;" />
<label for="wachtwoord:">Wachtwoord</label><input type="password" name="wachtwoord" id="wachtwoord" style="width: 100%;" />
<input type="submit" name="submit" value="" class="submit" />
</form>
met
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
2
3
4
5
6
7
8
9
10
11
12
13
14
/* form */
label {
float:left;
width:100px;
}
.submit
{
float: right;
background: url('../images/submit.png') no-repeat;
width: 131px;
height: 42px;
border: none;
}
label {
float:left;
width:100px;
}
.submit
{
float: right;
background: url('../images/submit.png') no-repeat;
width: 131px;
height: 42px;
border: none;
}
Hoe krijg ik nu het input veld rechts van m'n <label> dus zo:
Code (php)
1
2
2
Email: [INPUT]
Wachtwoord: [INPUT]
Wachtwoord: [INPUT]
Gewijzigd op 14/06/2011 20:05:18 door Jasper DS
verder:
Code (php)
1
2
3
4
5
2
3
4
5
.input (
display:block;
float:left;
width:200px;
)
display:block;
float:left;
width:200px;
)
Gewijzigd op 14/06/2011 20:07:44 door Ozzie PHP
excuus
gewoon input
Code (php)
1
2
3
4
5
2
3
4
5
input (
display:block;
float:left;
width:200px;
)
display:block;
float:left;
width:200px;
)
Toevoeging op 14/06/2011 20:11:46:
weet niet zeker of t zo klopt... is uit mn hoofd
Gewijzigd op 14/06/2011 20:12:06 door Ozzie PHP
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
2
3
4
5
6
7
8
9
10
11
12
13
label {
float:left;
width:100px;
display: block;
}
.input
{
margin-left: 5px;
display:block;
float:left;
width: 380px;
}
float:left;
width:100px;
display: block;
}
.input
{
margin-left: 5px;
display:block;
float:left;
width: 380px;
}
en dan input als class toegevoegd.
Ik heb nog 1 error die ik niet weg krijg:
there is no attribute "name"
<form method="post" action="" name="registreren">
Dat is ongeveer hetzelfde als dit:
<p class="p">
bla bla bla
</p>
Dat slaat nergens op.
<form method="post" action="" name="registreren">
vervangen door
<form method="post" action="" ID="registreren">
Graag gedaan.