>
> I'm a lot closer than I was, but I'm stuck again. How can I get the
> radio buttons on the same line as their labels?
>
> Thanks,
> Frank
If I may, maybe this will get you started:
<!doctype html>
<html>
<head>
<title></title>
<style>
*{font-family:Arial, sans-serif; margin:0; padding:0;}
#search_box{
position: relative;
background: green;
padding: 10px;
width: 300px;
}
fieldset{
border: none;
width:40%;
margin-right: 2%;
float: left;
}
label{
color: #fff;
}
#rdo{margin-right: 0;}
#rdo div{
position:relative;
}
#rdo div label{
width:95%;
}
#rdo div input{
margin: 4px 4px 0 0;
padding:0;
float: left;
}
.clearfix:before,
.clearfix:after {
content: ".";
display: block;
height: 0;
overflow: hidden;
}
.clearfix:after {clear: both;}
.clearfix {zoom: 1;} /* IE < 8 */
</style>
</head>
<body>
<div id="search_box">
<form action="http://www.surfshopcart.com/cgi-bin/demos/surfshop/shop.cgi";
method="get" name="search" class="clearfix">
<input type="hidden" name="c" value="search.htm" />
<input type="hidden" name="product_sr" value="1" />
<input type="hidden" name="ud"
value="AAMIAgIDDA8CARQWHRMWFQwHBQABAwgGAwAQEgAA" />
<input type="hidden" name="storeid" value="1" />
<fieldset>
<label id="search_store">
<label for="search">Search Store For:</label>
<input type="text" id="search" name="searchtext"
size="20" class="text-small" value="Enter # here"
onfocus="javascript:this.value='';" />
</label>
</fieldset>
<fieldset id="rdo">
<div class="clearfix">
<label for="itemid">Product ID</label>
<input class="searchbox" name="setSearchBox"
type="radio" id="itemid" value="itemid" checked="checked" />
</div>
<div class="clearfix">
<label for="description">Description</label>
<input class="searchbox" name="setSearchBox"
type="radio" id="description" value="description" />
</div>
<div class="clearfix">
<label for="searchtext">Both</label>
<input class="searchbox" name="setSearchBox"
type="radio" id="searchtext" value="searchtext" />
</div>
<input type="submit" name="submit" value="Find!"
class="text-small" />
</fieldset>
</form>
</div>
</body>
</html>
HTH
--
Tom Livingston | Senior Front-End Developer | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com
______________________________________________________________________
css-discuss [[email protected]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
