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="" /> <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