PHPhulp.nl
35k+ leden Over PHPhulp Offerte opdracht Contact
M

Ruimte tussen tabelrijen binnen tabel <tr></tr>

Door Maarten Aders op 10-11-2012 18:21
3.209 views
Goedenavond allemaal,

Hopelijk mag ik ook vragen stellen die met <html> te maken hebben.

Ik loop tegen iets aan waar ik maar geen antwoord op kan vinden..

Ik wil een rij openlaten tussen twee rijen in. Ik deed dit eerst door gewoon een lege rij in mijn tabel te plaatsen (met &nbsp;), maar dat is schijnbaar niet de juiste wijze.

Een ander idee is om gewoon een tweede tabel te maken en dan de twee tabellen gewoon van elkaar scheiden met </br>. Met margin van css krijg ik het ook niet voor elkaar.

Ik zou het graag willen weten of het mogelijk is wat ik wil en hoe.

Het gaat om het volgende:

<table border='0' cellpadding='10' cellspacing='0'>
<tr>
<td rowspan='3' valign='top'>
Marital Status:
</td>
<td>
<input type='radio' name='maritalStatus'>Married
</td>
</tr>
<tr>
<td>
<input type='radio' name='maritalStatus'>Living Common Law
</td>
</tr>
<tr>
<td>
<input type='radio' name='maritalStatus'>Single
</td>
</tr>
<tr><td colspan='2'>&nbsp;</td></tr> (DEZE RIJ GAAT HET OM!!!)
<tr>
<td rowspan='3' valign='top'>
Childeren:
</td>
<td>
<input type='radio' name='maritalStatus'>0
</td>
</tr>
<tr>
<td>
<input type='radio' name='maritalStatus'>1-2
</td>
</tr>
<tr>
<td>
<input type='radio' name='maritalStatus'>3 or more
</td>
</tr>
</table>

Hopelijk kan iemand me vertellen hoe ik dit kan doen.

Bij voorbaat dank,
Maarten
Jaron T
10-11-2012 18:22
waarom is een lege tr met een td &nbsp; + colspan niet de juiste manier?
M
Maarten Aders
10-11-2012 18:26
Goede vraag,

Een collega-cursist van me vertelde dat 2 minuten voor einde les :S

Nu ben ik dus aan het zoeken naar alternatieve oplossingen. Vind jij <tr><td colspan='2'>&nbsp;</td></tr> wel een goed idee?

Groet,
Maarten
Jaron T
10-11-2012 18:52
Ligt er natuurlijk aan wanneer je dit wilt gebruiken. Soms is een nettere oplossing om een nieuwe tabel te starten en soms het gebruik van css (de tr een height geven).
M
Maarten Aders
10-11-2012 18:57
Ik heb een (fictief) sollicitatieformulier in elkaar geknutseld en er zitten ongeveer 8 <textarea></textarea> 's in.

Die textarea's zitten op hun beurt weer in een tabelrij. En ik vind het netjes als er één rij afstand is tussen de textarea's onderling.

Is het dan verantwoord om lege rij in te plaatsen? Of een extra tabel erin? (dat worden er dan dus 8) Of jouw oplossing? Met css en height voor de tr?

[size=xsmall]Toevoeging op 10/11/2012 19:15:57:[/size]

Hm,

Die height='100' werkt naar boven én naar beneden. Lijkt een beetje padding of spacing. Haal die twee nogal eens door elkaar.

Begint erop te lijken dat ik toch aan die lege regel met &nbsp; moet geloven.
B
Bart van der Veen
10-11-2012 19:37
Het lijkt me inderdaad niet bijzonder netjes om lege cellen te plaatsen, maar het blijft een best practice verhaal. Na wat stoeien googelen ben ik met het volgende gekomen:


<!DOCTYPE HTML>
<html lang="en-US">
<head>
	<meta charset="UTF-8">
	<title></title>
	
	<style type="text/css">
		
		table,tr,td{
			border-collapse: collapse;
			padding:10px;
			margin:0px;
		}
		tr.extraRuimte > td
		{
		  padding-top: 50px;
		}
	</style>
	
</head>
<body>
	<table> <!-- border='0' cellpadding='10' cellspacing='0'> -->
<tr>
	<td rowspan='3' valign='top'>
		Marital Status: 
	</td>
	<td>
		<input type='radio' name='maritalStatus'>Married
	</td>
</tr>
<tr>
	<td>
		<input type='radio' name='maritalStatus'>Living Common Law
	</td>
</tr>
<tr>
	<td>
		<input type='radio' name='maritalStatus'>Single
	</td>
</tr>
<!-- <tr><td colspan='2'>&nbsp;</td></tr> (DEZE RIJ GAAT HET OM!!!) -->
<tr class="extraRuimte">
	<td  rowspan='3' valign='top'>
		Childeren: 
	</td>
	<td>
		<input type='radio' name='maritalStatus'>0
	</td>
</tr>
<tr>
	<td>
		<input type='radio' name='maritalStatus'>1-2
	</td>
</tr>
<tr>
	<td>
		<input type='radio' name='maritalStatus'>3 or more
	</td>
</tr>			
</table>
</body>
</html>


de cloe zit hem in de css selecter met .class > td, dit wil zeggen alle td die kinderen zijn van de class. Werkt vrij goed op computertje...
O
Obelix Idefix
10-11-2012 21:10
Formulieren worden tegenwoordig steeds vaker niet meer met tabellen maar met css (op)gemaakt.
M
Maarten Aders
11-11-2012 12:16
Goedemiddag heren,

Vandaag huiswerkdag. Laat ik eens beginnen met de tips te checken die ik van jullie gekregen heb.

<label></label> i.p.v. tabellen heb ik vaker gehoord.. En css beheersen, dat zou ook geen overbodige luxe zijn. Op zoek naar de Best Practice!

Groeten,
Maarten

Reageren

Inloggen om te reageren