Home › Forums › CSS › Absolute positioning and input fields… › Re: Absolute positioning and input fields…
October 18, 2012 at 9:51 am
#112224
Kitty GiraudelParticipant
I had a glance at your work, and I have to say the form element is pretty messed up. Here is what I ended with:
.header form#search_mini_form {
position: absolute;
top: 32px;
right: 7px;
/* Following lines removed: no point
z-index: 50;
display: block;
width: 251px;
height: 26px; */
}
.header .form-search button.button {
position: absolute;
top: 6px;
right: 6px;
/* Following lines removed: seems useless
margin: 0;
width: 17px;
height: 17px; */
}
Nothing more.
I didn’t change anything to the label, neither to the input. But I deleted the .form-search div since it has no point.
You also have a useless span element in the button.