Using the theme option to turn on the search bar in 4.7, I'm having trouble figuring out how to get the search button to stay on the same line as the search input field.
The div between the input and button is causing a line break I don't want. Using css to white-space: nowrap; on #search is futile. Any help?
<form action="search" method="post"> <div><div id="search" class="container-inline"><div class="form-item"> <input type="text" maxlength="128" class="form-text" name="edit[keys]" id="edit-keys" size="15" value="" alt="Enter the terms you wish to search for." /> </div> <input type="submit" class="form-submit" name="op" value="Search" /> <input type="hidden" name="edit[form_id]" value="search_box" /> </div> </div></form>
Try:
#search .form-item { display: inline; }
On Friday 30 December 2005 10:42 am, David K Norman wrote:
Using the theme option to turn on the search bar in 4.7, I'm having trouble figuring out how to get the search button to stay on the same line as the search input field.
The div between the input and button is causing a line break I don't want. Using css to white-space: nowrap; on #search is futile. Any help?
<form action="search" method="post"> <div><div id="search" class="container-inline"><div class="form-item"> <input type="text" maxlength="128" class="form-text" name="edit[keys]" id="edit-keys" size="15" value="" alt="Enter the terms you wish to search for." /> </div> <input type="submit" class="form-submit" name="op" value="Search" /> <input type="hidden" name="edit[form_id]" value="search_box" /> </div> </div></form>
-
David K Norman -
Larry Garfield