[HTML][CSS]przesunięcie selecta przez styl Opcje

[Kiui]

Witam.
Tworząc pasek wyszukiwania użyłem trzech pól: text, select, submit I było wszystko dobrze dopóki nie zacząłem ich opisywacz w css.
Opisując submit i text było wszystko ok ale jak zacząłem opisywać selecta to mi się w FF obniżył od reszty o jakieś 2px a w operze podwyższył o jakieś 2px.
Może ma ktoś pomysł jak to rozwiązać lub co źle zrobiłem.

[HTML] pobierz, plaintext 
<div id="wyszukiwarka"><form action="szukaj.php" method="GET">
<input type="text" class="szukaj" name="szukaj">
<select class="szukaj" name="metszuk">
 <option value="1">nazwa pliku</option>
 <option value="6">autor</option>
 <option value="11">dodający</option>
</select>
<input type="submit" name="wyslij" class="przyciskszukaj" value="szukaj">
</form></div>
 
 
input.szukaj{
width:700px;
height:30px;
background-color:#E4E4E4;
border-top-left-radius: 60px;
border-bottom-left-radius: 60px;
border:0;
}
input.przyciskszukaj{
border-top-right-radius: 60px;
 
height:30px;
border-bottom-right-radius: 60px;
border:0;
margin-bottom:10px
 
}
select.szukaj{
border:0;
background-color:#E4E4E4;
height:30px;
width:110px;
}
 
[HTML] pobierz, plaintext 

Ten post edytował Kiui 24.08.2012, 11:34:04

[przemo191]

Nie jestem ekspertem, ale w 3 linii masz class="wybszuk", a w 29 select.szukaj

Ten post edytował przemo191 24.08.2012, 11:19:50

[abort]

Ja w ramach jednego formularza nadaję elementom jedną klasę (np. "search") i styluję:

[CSS] pobierz, plaintext 
.search input
.search input[type=text]
.search input[type=submit]
.search select
[CSS] pobierz, plaintext 

i tak dalej.
Ma to tę zaletę, że jak przy polu opisuję co ma się znaleźć, np:

[HTML] pobierz, plaintext 
<div class="szukaj">Podaj login: <input type="text" /></div>
[HTML] pobierz, plaintext 

to w samej klasie "szukaj" mogę zdefiniować np. wspólny kolor tekstu czy font dla opisów w całym formularzu.