lelijke ruimte in tabelcel onder formulier
Ik heb een formulier op mijn pagina, maar zodra ik deze in een tabel zet krijg ik er een lelijke extra ruimte onder, weet iemand hoe ik dit weg kan krijgen?
Hier een voorbeeld (zie source code voor de HTML)
www.leps.nl/test.htm
Maar wat zou ik moeten wijzigen ? Als ik tfoot en thead ervoor en eronder plaats, dan krijg ik nog steeds hetzelfde..
Gewijzigd op 16/03/2006 16:28:00 door SCO
Vreemd. Ik kon zonet even niet posten :S en ik kreeg maar een halve userbalk bovenaan.
Ik heb het nog eens gebrobeerd, in een cleane testpagina, en daar gaat het inderdaad wel goed maar op mijn eigen pagina heb ik de situatie dat ik een tabel in een tabel heb, en dan krijg je hetzelfde probleem.
Zie hier:
www.leps.nl/test.htm
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
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<table width="100" border="0" cellpadding="0" cellspacing="0" bgcolor="#FF0000">
<tr>
<td><form name="form1" method="post" action="">
<table width="700" border="0" cellpadding="0" cellspacing="0" bgcolor="#0000FF">
<tr>
<td><input type="text" name="textfield">
<input type="submit" name="Submit" value="Submit"></td>
</tr>
</table>
</form>
</td>
</tr>
</table>
<p> </p>
</body>
</html>
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<table width="100" border="0" cellpadding="0" cellspacing="0" bgcolor="#FF0000">
<tr>
<td><form name="form1" method="post" action="">
<table width="700" border="0" cellpadding="0" cellspacing="0" bgcolor="#0000FF">
<tr>
<td><input type="text" name="textfield">
<input type="submit" name="Submit" value="Submit"></td>
</tr>
</table>
</form>
</td>
</tr>
</table>
<p> </p>
</body>
</html>
waarom staat je tabel in een tabel..?
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Moh</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<table width="700" border="0" cellpadding="0" cellspacing="0" bgcolor="#0000FF">
<tr>
<td>
<form name="form1" method="post" action="">
<input type="text" name="textfield">
<input type="submit" name="Submit" value="Submit">
</td>
</tr>
</table>
</form>
</body>
</html>
<html>
<head>
<title>Moh</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<table width="700" border="0" cellpadding="0" cellspacing="0" bgcolor="#0000FF">
<tr>
<td>
<form name="form1" method="post" action="">
<input type="text" name="textfield">
<input type="submit" name="Submit" value="Submit">
</td>
</tr>
</table>
</form>
</body>
</html>
en zeker niet half erin half erbuiten
voud klinkt wel als fout, maar het is niet goed!
Burrug:
het moet dus zo;
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Moh</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<table width="700" border="0" cellpadding="0" cellspacing="0" bgcolor="#0000FF">
<tr>
<td>
<form name="form1" method="post" action="">
<input type="text" name="textfield">
<input type="submit" name="Submit" value="Submit">
</td>
</tr>
</table>
</form>
</body>
</html>
<html>
<head>
<title>Moh</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<table width="700" border="0" cellpadding="0" cellspacing="0" bgcolor="#0000FF">
<tr>
<td>
<form name="form1" method="post" action="">
<input type="text" name="textfield">
<input type="submit" name="Submit" value="Submit">
</td>
</tr>
</table>
</form>
</body>
</html>
Bij mij werkt dat niet, DW geeft aan dat er fouten zitten in de HTML opmaak, nml dat </form> verkeerd staat, verplaatst ik die naar binnen de tabel gaat het wel goed, maar houd ik mijnzelfde probleem..
Waarom is het fout om een tabel binnen een tabel te plaatsen?
Ik kan moeilijk de form tags aan het begin en eind van de pagina zetten, dus buiten mijn buitenste tabel. Lijkt mij geen goede oplossing, of ziet iemand dat anders?
www.w3schools.nl
Daar staat alles over css, divs en positioning
Geloof me, als je eenmaal divs gebruikt, wil je niet terug. Net zoals met Firefox. Als je eenmaal Firefox gebruik wil je niet meer terug naar IE. :-)
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<table width="100" border="0" cellpadding="0" cellspacing="0" bgcolor="#FF0000">
<tr>
<td><form name="form1" method="post" action="">
<table width="100" border="0" cellpadding="0" cellspacing="0" bgcolor="#FF0000">
<tr>
<td><input type="text" name="textfield">
<center><input type="submit" name="Submit" value="Submit"></center></td>
</tr>
</table>
</form>
</td>
</tr>
</table>
</body>
</html>