Spatie's in form
Ik krijg spatie's tussen mijn tekst en het tekstvak zie het in werking op http://www.teamcrafted.tk/account/.
Wat doe ik fout?
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
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
<td height="345">
<table width="600" align="center" cellpadding="5">
<form action="join_form.php" method="post" enctype="multipart/form-data">
<tr>
<td colspan="2"><font color="#FF0000"><?php echo "$errorMsg"; ?></font></td>
</tr>
<h1>Registreren</h1>
<tr>
<td width="163"><div align="right">Gebruikersnaam:</div></td>
<td width="409"><input name="username" type="text" value="<?php echo "$username"; ?>" /></td>
</tr>
<tr>
<td><div align="right">Land:</div></td>
<td><select name="country">
<option value="<?php echo "$country"; ?>"><?php echo "$country"; ?></option>
<option value="Australia">Australia</option>
<option value="Canada">Canada</option>
<option value="Belgium">Belgium</option>
<option value="United Kingdom">United Kingdom</option>
<option value="United States">United States</option>
<option value="Netherlands">Netherlands</option>
</select></td>
</tr>
<tr>
<td><div align="right">Provincie: </div></td>
<td><input name="state" type="text" value="<?php echo "$state"; ?>" /></td>
</tr>
<tr>
<td><div align="right">Stad: </div></td>
<td>
<input name="city" type="text" value="<?php echo "$city"; ?>" />
</td>
</tr>
<tr>
<td><div align="right">Type account: </div></td>
<td><select name="accounttype">
<option value="<?php echo "$accounttype"; ?>"><?php echo "$accounttype"; ?></option>
<option value="a">Normale User</option>
<option value="b">Expert User</option>
<option value="c">Super User</option>
</select></td>
</tr>
<tr>
<td><div align="right">Email: </div></td>
<td><input name="email" type="text" value="<?php echo "$email"; ?>" /></td>
</tr>
<tr>
<td><div align="right"> Wachtwoord: </div></td>
<td><input name="password" type="password" value="<?php echo "$password"; ?>" />
<font size="-2" color="#006600">(letters or numbers only, no spaces no symbols)</font></td>
</tr>
<tr>
<td><div align="right"> Captcha: </div></td>
<td>Not working atm.</td>
</tr>
<tr>
<td><div align="right"></div></td>
<td><input type="submit" name="Submit" value="Registreer" class="button_register"></td>
</tr>
</form>
</table>
<table width="600" align="center" cellpadding="5">
<form action="join_form.php" method="post" enctype="multipart/form-data">
<tr>
<td colspan="2"><font color="#FF0000"><?php echo "$errorMsg"; ?></font></td>
</tr>
<h1>Registreren</h1>
<tr>
<td width="163"><div align="right">Gebruikersnaam:</div></td>
<td width="409"><input name="username" type="text" value="<?php echo "$username"; ?>" /></td>
</tr>
<tr>
<td><div align="right">Land:</div></td>
<td><select name="country">
<option value="<?php echo "$country"; ?>"><?php echo "$country"; ?></option>
<option value="Australia">Australia</option>
<option value="Canada">Canada</option>
<option value="Belgium">Belgium</option>
<option value="United Kingdom">United Kingdom</option>
<option value="United States">United States</option>
<option value="Netherlands">Netherlands</option>
</select></td>
</tr>
<tr>
<td><div align="right">Provincie: </div></td>
<td><input name="state" type="text" value="<?php echo "$state"; ?>" /></td>
</tr>
<tr>
<td><div align="right">Stad: </div></td>
<td>
<input name="city" type="text" value="<?php echo "$city"; ?>" />
</td>
</tr>
<tr>
<td><div align="right">Type account: </div></td>
<td><select name="accounttype">
<option value="<?php echo "$accounttype"; ?>"><?php echo "$accounttype"; ?></option>
<option value="a">Normale User</option>
<option value="b">Expert User</option>
<option value="c">Super User</option>
</select></td>
</tr>
<tr>
<td><div align="right">Email: </div></td>
<td><input name="email" type="text" value="<?php echo "$email"; ?>" /></td>
</tr>
<tr>
<td><div align="right"> Wachtwoord: </div></td>
<td><input name="password" type="password" value="<?php echo "$password"; ?>" />
<font size="-2" color="#006600">(letters or numbers only, no spaces no symbols)</font></td>
</tr>
<tr>
<td><div align="right"> Captcha: </div></td>
<td>Not working atm.</td>
</tr>
<tr>
<td><div align="right"></div></td>
<td><input type="submit" name="Submit" value="Registreer" class="button_register"></td>
</tr>
</form>
</table>
http://www.dailycoding.com/Posts/layout_form_without_tables_with_css_trick.aspx
Los daarvan horen variabelen buiten de quotes.
En gezien je password in je value meegeeft, ik neem aan dat dit een foutje is? Passwords horen encrypted te zijn met het liefst bcrypt()
Gewijzigd op 21/06/2014 23:09:46 door - Ariën -
Al die inline styling is niet van deze tijd. zet dat in een apart CSS bestand.
Code (php)
1
2
3
2
3
td {
text-align: left;
}
text-align: left;
}
Gewijzigd op 21/06/2014 23:58:38 door Frank Nietbelangrijk
Toevoeging op 22/06/2014 09:38:16:
Het past niets aan!
Dit soort vragen kun je zelf zo makkelijk oplossen door te gaan testen.
Begin met alleen een lege tabel
Code (php)
1
2
3
4
5
6
2
3
4
5
6
<table>
<td>
<tr>test</tr>
<tr>test</tr>
</td>
</table>
<td>
<tr>test</tr>
<tr>test</tr>
</td>
</table>
en breidt die steeds verder uit.
Op een gegeven moment zie je dan waar het fout gaat.
In je code geef je breedte op aan zowel de tabel als cel.
Verder gooit die opmerking bij het wachtwoord roet in het eten (bepaalt de breedte van de twee kolom).
Als ik die opmerking en breedtes weg haal, lijnt e.e.a mooi uit zonder ruimte.
Mede daarom zijn tabellen niet het meest ideaal om formulieren (en opmaak) mee te maken.
Verder vraag ik me af waarom je niet alle opmaak in het css-bestand zet, maar ook nog inline css gebruikt.
Code (php)
1
2
3
4
5
6
7
8
9
2
3
4
5
6
7
8
9
<div class="right">
<table>
<tr>
<form method="post" style="position:fixed;">
<td><label><a href=http://www.teamcrafted.tk/account/login.php>Klik hier</a> om in te loggen. </label></td>
</form>
</tr>
</table>
</div>
<table>
<tr>
<form method="post" style="position:fixed;">
<td><label><a href=http://www.teamcrafted.tk/account/login.php>Klik hier</a> om in te loggen. </label></td>
</form>
</tr>
</table>
</div>
begrijp ik ook niet goed.
Waarom daar een tabel?
Waarom een form? Het is alleen maar een hyperlink.
Als ik klik op join_form.php zie ik in de broncode 2x html, head en body staan. Dat is niet goed ;-)
edit: code-tag afgesloten.
Gewijzigd op 22/06/2014 22:06:23 door Obelix Idefix
Verdiep je in CSS en haal al die inline rotzooi uit je HTML.
Zoals Frank hierboven al zegt: 'Weet waar je mee bezig bent', en begin met een cursusje HTML + CSS3
Heb je mijn vorige post nog wat mee gedaan?
Sluit me overigens aan bij de bovenstaande drie reacties. Zorg voor goede basis(kennis) en bouw op basis van die kennis je pagina's op de juiste wijze op.