Align search button with text field?
sbrattla - February 28, 2007 - 09:59
| Project: | GlossyBlue |
| Version: | 5.x-1.0 |
| Component: | User interface |
| Category: | bug report |
| Priority: | normal |
| Assigned: | Unassigned |
| Status: | closed |
Jump to:
Description
I have had a look at the glossyblue theme at http://themegarden.org/drupal50/, and i notice that the search button is not aligned
horizontally with the text field. That also goes for the search button on the search results page.
Can anyone think of a way to fix this, so that the input box and the submit button is aligned?
Besides from that - a really great theme!
#1
Replace this codes inside the stlye.css:
To fix the search button on the search results page:
form input[type="submit"] {background: url(images/btn-bg.gif) no-repeat;
font: bold 12px Arial, Helvetica, sans-serif;
color: #FFFFFF;
border: none;
float:none;
width: 144px;
height: 28px;
cursor: pointer;
}
To aligne the search button horizontally with the text field (tested on IE7):
/*search form */#search-theme-form {
margin: 12px 0 0 0;
padding: 0 0 0 0;
}
#search-theme-form input[type="text"] {
width: 135px;
height: 21px;
padding: 2px 5px 1px 5px;
border: 1px solid #bed881;
background: #fff;
margin: 0 0 0 0;
color: #000000;
font-weight: normal;
}
#search-theme-form input[type="submit"] {
background: url(images/search-btn-bg.gif) no-repeat;
border: none;
margin: 0 0 0 0;
width: 67px;
height: 26px;
/*vertical-align: middle;*/
float: none;
}
#2
Thanks for the CSS fix. Commited to 5.x-1.x-dev
#3
Automatically closed -- issue fixed for two weeks with no activity.