zwei checkboxen direkt untereinander

Status
Nicht offen für weitere Antworten.
F

fercules

hallo,

ich möchte einfach nur 2 checkboxen direkt untereinander setzen, leider ist dazwischen immer ein gewisser rand, der verhindert dass beide untereinander dargestellt werden. der dämliche rand ist immer dazwischen :)

<table border=0 cellpadding=0 cellspacing=0>
<tr>
<td><input type="checkbox"></td>
</tr>
<tr>
<td><input type="checkbox"></td>
</tr>
</table>

obwohl ich bei der table border, cellpadding und cellspacing auf 0 gesetzt habe. offensichtlich liegt es an den checkboxen und nicht an der table. die checkboxen haben eine art unsichtbare margin zu haben. kann man das irgendwie ausschalten, sodass beide checkboxen direkt untereinander angezeigt werden?

lg
stephan
 
Folgendes wäre in Verbindung mit CSS auch noch möglich:
HTML:
<fieldset>
	<label><input type="checkbox" />Text</label>
	<label><input type="checkbox" />Text</label>
</fieldset>
Code:
fieldset {
	border: none;
}
label {
	display: block;
}
Damit wäre auch ein gewisser Grad von „Accessibiliy“ bzw. „Usability“, also Zugänglichkeit bzw. Benutzungsfreundlichkeit vorhanden.
 
ich hab den ansatz von Gumbo weitergeführt. hier mein code:

HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<style type="text/css">
<!--
fieldset {
	border: none;
}

label{
	position: absolute;
}

.lbl1{
	top: 14px;
} 
.lbl2{
	top: 2px;
}

</style>
</head>
<body>
	<fieldset>  
		<label class="lbl1"><input type="checkbox" /></label>
		<label class="lbl2"><input type="checkbox" />Text</label> 
	</fieldset>
</body>
</html>
 
Status
Nicht offen für weitere Antworten.
Zurück