PDA

Click to See Complete Forum and Search --> : Newbie Question, one DIV for all?

sanjuT
06-16-2005, 09:10 AM
i am using this:

div.indentPositive
{
text-indent: 25px;
}

to indent the choices a user has when answering a question. but why won't this work:

<div class="indentPositive"><input type="radio" name="cust1" value="Well Above"> Well Above
<input type="radio" name="cust1" value="Above"> Above
<input type="radio" name="cust1" value="Meets"> Meets
<input type="radio" name="cust1" value="Below"> Below
<input type="radio" name="cust1" value="Well Below"> Well Below</div>
<br>


I have to have a div with that class for each radiobutton. otherwise the radio buttons and text all appear on one line.

thanks!
NogDog
06-16-2005, 09:14 AM
How about changing "text-indent" to "padding-left"? ("Text-indent" only affects the first line of a block of text.)
BonRouge
06-16-2005, 09:21 AM
Try this : <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" " http://www.w3.org/TR/html4/strict.dtd ">
<html>
<head>
<title>Radio buttons</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<style type="text/css">
#myform label{
display:block;
text-align:right;
width:7em;
}
#myform input {
margin:0 3px;
}
</style>
</head>
<body>
<form id="myform">
<label>Well Above<input type="radio" name="cust1" value="Well Above" /></label>
<label>Above<input type="radio" name="cust1" value="Above" /></label>
<label>Meets<input type="radio" name="cust1" value="Meets" /></label>
<label>Below<input type="radio" name="cust1" value="Below" /></label>
<label>Well Below<input type="radio" name="cust1" value="Well Below" /></label>
</form>
</body>
</html>
sanjuT
06-16-2005, 09:27 AM
Try this : <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" " http://www.w3.org/TR/html4/strict.dtd ">
<html>
<head>
<title>Radio buttons</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<style type="text/css">
#myform label{
display:block;
text-align:right;
width:7em;
}
#myform input {
margin:0 3px;
}
</style>
</head>
<body>
<form id="myform">
<label>Well Above<input type="radio" name="cust1" value="Well Above" /></label>
<label>Above<input type="radio" name="cust1" value="Above" /></label>
<label>Meets<input type="radio" name="cust1" value="Meets" /></label>
<label>Below<input type="radio" name="cust1" value="Below" /></label>
<label>Well Below<input type="radio" name="cust1" value="Well Below" /></label>
</form>
</body>
</html>


doesn't this basically accomplish what i originally was doing? i wanted one tag to cause all the radio buttons to indent. basically nesting the input tags within the 'indent' tag.

i don't even know if this is possible, but i don't see why not.