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 Mike Lewis on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!
CSS & radio buttons size ... 2
- Thread starter iza
- Start date
-
1
- #2
Sorry, I just figured out what works. I had a typo in my previous attempts.
Cut and paste that and try it.
Meddle not in the affairs of dragons,
For you are crunchy, and good with mustard.
Code:
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
</HEAD>
<STYLE TYPE="text/css">
.large {width:20pt; height:20pt;}
</STYLE>
<BODY>
<FORM METHOD=POST ACTION="">
<INPUT TYPE="radio" NAME="r1">this is a normal radio button<br>
<INPUT TYPE="radio" NAME="r2" class="large">this is a large radio button<br>
</FORM>
</BODY>
</HTML>Meddle not in the affairs of dragons,
For you are crunchy, and good with mustard.
- Thread starter
- #4
-
1
- #5
lividpixel
Programmer
You may also want to use this to help get rid of any padding which is included around radio buttons by default. I know that sometimes this padding can cause problems when trying to align text with a radio button.
.radiofix {
width: 1em;
height: 1em;
margin: 1px;
}
I happended to use em in this example but you can use px too.
.radiofix {
width: 1em;
height: 1em;
margin: 1px;
}
I happended to use em in this example but you can use px too.
- Thread starter
- #6
johntabita
Programmer
This doesn't work in IE on my Mac. Does it work in IE/PC?
(Works in NN6 for Mac, but not in 4x)
(Works in NN6 for Mac, but not in 4x)
- Thread starter
- #9
- Status