zett93
23-03-2010, 18:03
Witam!
Mam pewien problem dotyczący edycji rozwijanego formularza znajdującego się w znacznikach <select></select>
Z kodu wynika, że mają wartość .inputbox'a ale chyba jedynie to, co znajduje się na górze, bo reszta ma jakiś inny, nie wiem przez co określony wygląd.
Oto screen:
http://img541.imageshack.us/img541/3676/problem.png (http://img541.imageshack.us/i/problem.png/)
tu wycinek kodu pokazującego, w czym zamknięte jest to "menu"
<select name="order" class="inputbox" size="1" onchange="document.adminForm.submit();">
<option value="date">Od najstarszych</option>
<option value="rdate">Od najnowszych</option>
<option value="alpha">Tytułami - od A do Z</option>
<option value="ralpha">Tytułami - od Z do A</option>
<option value="hits">Najmniej odsłon</option>
<option value="rhits">Najwięcej odsłon</option>
<option value="author">Autorami - od A do Z</option>
<option value="rauthor">Autorami - od Z do A</option>
<option value="order" selected="selected">Domyślna serwisu
</option>
</select>
a tu CSS opisujący inputbox'a (który nadaje prawidłowy wygląd góry menu):
.inputbox {
border: 1px solid #999;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
background: url(../images/button_bg.png);
color:#CCC;
}
Miałbym do Was taką prośbę, aby wyjaśnić w którym miejscu muszę zdefiniować wygląd <select> (od razu mówię, że dopisanie wartości background: do select/select .inputbox nie daje żadnego efektu.
Pozdrawiam i liczę na szybką pomoc.
Mam pewien problem dotyczący edycji rozwijanego formularza znajdującego się w znacznikach <select></select>
Z kodu wynika, że mają wartość .inputbox'a ale chyba jedynie to, co znajduje się na górze, bo reszta ma jakiś inny, nie wiem przez co określony wygląd.
Oto screen:
http://img541.imageshack.us/img541/3676/problem.png (http://img541.imageshack.us/i/problem.png/)
tu wycinek kodu pokazującego, w czym zamknięte jest to "menu"
<select name="order" class="inputbox" size="1" onchange="document.adminForm.submit();">
<option value="date">Od najstarszych</option>
<option value="rdate">Od najnowszych</option>
<option value="alpha">Tytułami - od A do Z</option>
<option value="ralpha">Tytułami - od Z do A</option>
<option value="hits">Najmniej odsłon</option>
<option value="rhits">Najwięcej odsłon</option>
<option value="author">Autorami - od A do Z</option>
<option value="rauthor">Autorami - od Z do A</option>
<option value="order" selected="selected">Domyślna serwisu
</option>
</select>
a tu CSS opisujący inputbox'a (który nadaje prawidłowy wygląd góry menu):
.inputbox {
border: 1px solid #999;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
background: url(../images/button_bg.png);
color:#CCC;
}
Miałbym do Was taką prośbę, aby wyjaśnić w którym miejscu muszę zdefiniować wygląd <select> (od razu mówię, że dopisanie wartości background: do select/select .inputbox nie daje żadnego efektu.
Pozdrawiam i liczę na szybką pomoc.