Forum Moderators: open

Message Too Old, No Replies

Form - radio buttons alignment query

How can I indent my radio buttons?

         

Digmen1

12:02 am on Aug 19, 2007 (gmt 0)

10+ Year Member Top Contributors Of The Month



Hi Guys

I have set up a simple form2email form.

Which works OK.

I have some radio buttons which at the moment are hard to the left of my form. They are aligned vertically

I would like to be able to indent them so that they stand out from the description line.

Can anyone suggest how I could do this?

Here is my html

Are you Male, Female or other?
<br></br>
<input type=radio name=gender value=Male> Male
<br></br>
<input type=radio name=gender value=Female> Female
<br></br>
<input type=radio name=gender value=Other checked> Other
<br></br>

Thank you

Kind Regards

Digby
NZ

lavazza

4:23 am on Aug 19, 2007 (gmt 0)

10+ Year Member



Kia Ora Digby,

Via CSS

e.g
<head>
<style type="text/css">
.myIndent {
margin-left: 2em;
}
</style>
</head>

and then in your body, add
EITHER
<br><br>
<input class="myIndent" type="radio" name="gender" value="Male"> Male
<br><br>
<input class="myIndent" type="radio" name="gender" value="Female"> Female
<br><br>
<input class="myIndent" type="radio" name="gender" value="Other" checked> Other
<br><br>

OR

<div class="myIndent">
<input type="radio" name="gender" value="Male"> Male
<br><br>
<input type="radio" name="gender" value="Female"> Female
<br><br>
<input type="radio" name="gender" value="Other" checked> Other
</div>