Tek-Tips is the largest IT community on the Internet today!
Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!
-
Congratulations bkrike on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!
need to reduce spacing between radio buttons....
- Thread starter fiuPikeOY
- Start date
BillyRayPreachersSon
Programmer
You could put them in DIVs and absolutely position them. Of course, given that every browser displays radio buttons differently, if your page is for the internet, then you should probably not be messing with things like that - you may end up obscuring some parts of the radio buttons in some browsers.
Hope this helps,
Dan
You can put each radio button in a div, and apply padding to the divs.
Thomas D. Greer
Providing PostScript & PDF
Training, Development & Consulting
Thomas D. Greer
Providing PostScript & PDF
Training, Development & Consulting
have you tried applying font-size and line-height to the parent element where buttons reside?
Code:
<form>
<p style="font-size: 7pt; line-height: 0.8em;">
<input type="radio" name="radio" /><br />
<input type="radio" name="radio" /><br />
<input type="radio" name="radio" /><br />
<input type="radio" name="radio" /><br />
</p>
</form>- Thread starter
- #5
Just apply a [tt]height[/tt] to the <input> elements thus:
I have to say, this is a really bad idea. Different browsers and different operating systems will have different sizes for radio buttons. There's no way you can check that your form looks OK on all possible configurations.
-- Chris Hunt
Webmaster & Tragedian
Extra Connections Ltd
Code:
<html>
<head>
<title>Test</title>
<style type="text/css">
.radios input {
height: 10px;
}
</style>
</head>
<body>
<div class="radios">
<input type="radio" name="radio" /><br />
<input type="radio" name="radio" /><br />
<input type="radio" name="radio" /><br />
<input type="radio" name="radio" /><br />
</div>
</body>
</html>-- Chris Hunt
Webmaster & Tragedian
Extra Connections Ltd
- Status
Similar threads
- Locked
- Question
- Locked
- Question
- Locked
- Question