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!How about changing "text-indent" to "padding-left"? ("Text-indent" only affects the first line of a block of text.)Try this : <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" " <!-- m --><a class="postlink" href="http://www.w3.org/TR/html4/strict.dtd">http://www.w3.org/TR/html4/strict.dtd</a><!-- m --> ">
<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>Try this : <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" " <!-- m --><a class="postlink" href="http://www.w3.org/TR/html4/strict.dtd">http://www.w3.org/TR/html4/strict.dtd</a><!-- m --> ">
<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.
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!How about changing "text-indent" to "padding-left"? ("Text-indent" only affects the first line of a block of text.)Try this : <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" " <!-- m --><a class="postlink" href="http://www.w3.org/TR/html4/strict.dtd">http://www.w3.org/TR/html4/strict.dtd</a><!-- m --> ">
<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>Try this : <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" " <!-- m --><a class="postlink" href="http://www.w3.org/TR/html4/strict.dtd">http://www.w3.org/TR/html4/strict.dtd</a><!-- m --> ">
<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.