Form elements displaying as block - want inline - support

15 Oct 2006


      Hello,
I've got a drupal 4.7.3 site, and I've got a page where I'm inserting
html for a form. For this form, I'd like the radio buttons to display
inline. No matter what I do, drupal forces them to display as block.
Also, hidden elements show up as empty space, so it looks goofy. Here's
my form:
http://beta.menashalibrary.org/catalog
I have a static template on my computer I used to test the form. It
points to the stylesheets used on the site, and everything displays
fine. But, once I paste the form code into drupal, it messes up the
formatting. It does the same thing if I create a block.
Any ideas what may be causing this to happen?
Here's the html:
<div id="searchbox">
<script language="JavaScript"><!--
function copyAndSubmit(from,to) {
    to.myText.value = from.myText.value;
    to.submit();
}
document.write('				<form
name="search_footer"
action="http://webcat.winnefox.org/web2/tramp2.exe/do_keyword_search/gue
st" method="get" enctype="application/x-www-form-urlencoded">');
document.write('<p><input type="hidden" name="myText">');
document.write('					<input
type="hidden" name="SETTING_KEY" value="Menasha" />');
document.write('					<input
type="hidden" name="index" value="default" />');
document.write('					<input
type="hidden" name="hitlist_screen" value="hitlist.html" />');
document.write('					<input
type="hidden" name="record_screen" value="Record.html" />');
document.write('					<input
type="hidden" name="query_screen" value="home.html" />');
document.write('					<input
type="hidden" name="servers" value="1home" />');
document.write('					<label
for="keyword"><input name="index" type="radio" value="au" id="keyword"
checked />Keyword</label>');
//--></script>
<form name="search_footer"
action="http://webcat.winnefox.org/web2/tramp2.exe/do_authority_search/g
uest" method="get" enctype="application/x-www-form-urlencoded">
    				<input type="hidden"
name="SETTING_KEY" value="Menasha" />
    				<input type="hidden"
name="location_group_filter" value="all" />
    				<input type="hidden"
name="servers" value="1home" />
    				
    				<label for="author"><input
name="index" type="radio" value="au" id="author" />Author</label>
    				<label for="title"><input
name="index" type="radio" value="ti" id="title" />Title</label>
    				<label for="subject"><input
name="index" type="radio" value="su" id="subject" />Subject</label></p>
    				
    				<input type="text" name="query"
value="" />&nbsp;&nbsp;
    				<input type="image"
src="http://www.greenlakelibrary.org/fileadmin/images/search.gif"
value="" style="vertical-align:bottom;" alt="search catalog" width="58"
height="18" vspace="1" border="0" />
    			</form>
</div>
And, here's the css:
#searchbox {
    color: #000;
    background-color: transparent;
    width: 520px;
    margin: 20px 0 50px 15px;
    padding: 0;
    font-size: .9em;
    }
    
#searchbox p {
    line-height: 1.5em;
    }
    
#searchbox form {
    margin: 20px 20px;
    padding: 10px;
    border: thin dashed #ccc;
    }
Thank you so much for any help you can give me on this!
- jody