HTML Validation
Nu krijg ik redelijk wat errors, me CSS is overings goed, 0 errors.
Ik behandel elke fout individueel. Nu ben ik bij een fout gekomen waarvan ik niet weet hoe ik hem moet fixen:
Fout:
Code (php)
1
2
3
4
5
6
7
8
9
2
3
4
5
6
7
8
9
Line 67, Column 60: document type does not allow element "form" here; missing one of "object", "applet", "map", "iframe", "ins", "del" start-tag
<form name="login" method="post" action="index.php">
✉
The mentioned element is not allowed to appear in the context in which you've placed it; the other mentioned elements are the only ones that are both allowed there and can contain the element mentioned. This might mean that you need a containing element, or possibly that you've forgotten to close a previous element.
One possible cause for this message is that you have attempted to put a block-level element (such as "<p>" or "<table>") inside an inline element (such as "<a>", "<span>", or "<font>").
<form name="login" method="post" action="index.php">
✉
The mentioned element is not allowed to appear in the context in which you've placed it; the other mentioned elements are the only ones that are both allowed there and can contain the element mentioned. This might mean that you need a containing element, or possibly that you've forgotten to close a previous element.
One possible cause for this message is that you have attempted to put a block-level element (such as "<p>" or "<table>") inside an inline element (such as "<a>", "<span>", or "<font>").
Ik heb maar 1 form op mijn index site staan, hier is de hele div met de 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
27
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
<div class="menuheader"><h3>Login</h3></div>
<div class="menucontent">
<div class="member">
<center>
<p>
<form name="login" method="post" action="index.php">
<label>Name:</label>
<br />
<input type="text" name="userid" />
<br />
<input type="password" name="password" />
<br />
<label>Password:</label>
<br />
<input type="submit" name="login" value="Login" />
</form>
</p>
<ul style="list-style-type: none;">
<li><a href="index.php?do=user_panel&page=forget_pass">Forgot Password?</a></li>
</ul>
</center>
</div>
</div>
<div class="clear"></div>
<div class="menufooter"></div>
</div>
<div class="menucontent">
<div class="member">
<center>
<p>
<form name="login" method="post" action="index.php">
<label>Name:</label>
<br />
<input type="text" name="userid" />
<br />
<input type="password" name="password" />
<br />
<label>Password:</label>
<br />
<input type="submit" name="login" value="Login" />
</form>
</p>
<ul style="list-style-type: none;">
<li><a href="index.php?do=user_panel&page=forget_pass">Forgot Password?</a></li>
</ul>
</center>
</div>
</div>
<div class="clear"></div>
<div class="menufooter"></div>
</div>
Hoe moet ik dit oplossen?
Gewijzigd op 01/01/1970 01:00:00 door Stefan
Edit:
@ Tamara: los van het feit dat <center> oud is, is het een slecht idee om lay-out en xhtml te mengen.
@ TS: geef je form in de CSS gewoon een margin: 0 auto; en een width. Mogelijkheid twee: geef de div waar de form zich in bevindt een text-align: center.
Gewijzigd op 01/01/1970 01:00:00 door Jan Koehoorn
Nu moet ik weer een stukje css schrijven voor the label tag =/
EDIT: Gedaan, maar door de auto height op mijn content div, word het niet meer gevuld met bg, maar blijft er een leeg vlak staan.
Hoe kan ik dit oplossen?
Mod-edit: linkje?
Gewijzigd op 01/01/1970 01:00:00 door Stefan
Code (php)
1
form#contact label {cursor: pointer;} /* hier je eigen styles */
doen.
Gewijzigd op 01/01/1970 01:00:00 door Jan Koehoorn
http://82.73.133.147/tg/index.php
Gewijzigd op 01/01/1970 01:00:00 door Stefan
EDIT:
Gefixed, had per ongeluk een </div> verplaats.
Gewijzigd op 01/01/1970 01:00:00 door Stefan