|
Posted by dimstthomas@yahoo.com on 11/07/06 08:31
Is there any way to eliminate the gaps between adjacent html controls?
I want a text entry box with an adjacent label with no gap between
them. I have tried setting borders, margins and padding to 0, and using
forms, tables and divs but I still get about a 2 pixel gap between the
controls.
http://www.geocities.com/dimstthomas/index.htm
<html>
<head>
</head>
<body style="border:0;padding:0;margin:0;background:yellow">
<input value="3.5"
style="border:0;padding:0;margin:0;text-align:right;background:pink">
<input readonly=true value="cm"
style="border:0;padding:0;margin:0;background:lightblue">
<BR>
<form style="border:0;padding:0;margin:0;background:green">
<input value="3.5"
style="border:0;padding:0;margin:0;text-align:right;background:pink">
<input readonly=true value="cm"
style="border:0;padding:0;margin:0;background:lightblue">
</form>
<table style="border:0;padding:0;margin:0;background:red">
<tr>
<form style="border:0;padding :0;margin:0;background:green">
<td>
<input value="3.5"
style="border:0;padding:0;margin:0;text-align:right;background:pink">
<input readonly=true value="cm"
style="border:0;padding:0;margin:0;background:lightblue">
</td>
</form>
</tr>
</table>
<div style="border:0;padding :0;margin:0;background:green">
<input value="3.5"
style="border:0;padding:0;margin:0;text-align:right;background:pink">
<input readonly=true value="cm"
style="border:0;padding:0;margin:0;background:lightblue">
</div>
</body>
</html>
[Back to original message]
|