Pole tekstowe formularza + graficzny przycisk

HTML to podstawy w dziedzinie tworzenia stron WWW, Style CSS warto opanować, bowiem za ich pomocą można dostosować odpowiednio wygląd swojej witryny WWW. Zagłębiamy się dalej i udostępniamy w tym forum możliwość zadawania pytań o JavaScript.
ODPOWIEDZ
mb
Nowy
Nowy
Posty: 50
Rejestracja: śr mar 28, 2007 3:22 pm

Pole tekstowe formularza + graficzny przycisk

Post autor: mb »

Mam problem z ustawieniem okna wyszukani w lini z graficznym buttonem.
Przycisk jest albo lekkow wyżej od okienka albo niżej.
W operze, i IE jest OK, problem dotyczy tylko Firefoxa.
IE
Obrazek

Opera
Obrazek

FireFox
Obrazek

Kod: Zaznacz cały

#szukaj{
float:left;
border: 1px #000 solid;
width:300px;
height:40px;
padding-left:10px;
padding-bottom:0;
}

#mod_search_searchword{
font-size:15px;
color:#	000;
border:1px solid #00FF33;
padding-left:2px;
margin-top:4px;
}

.search .button{
display:inline;
border: none;
background:url(../images/ok.gif) 0 0 no-repeat;
font-size:0px;
width: 30px;
height: 23px;
padding-top:23px;
MobyDick
Nowy
Nowy
Posty: 55
Rejestracja: czw sty 24, 2008 7:49 pm
Lokalizacja: Jarocin
Kontakt:

Re: Pole tekstowe formularza + graficzny przycisk

Post autor: MobyDick »

Zmień przycisk na display:block i wypozycjonuj absolutnie. W elemencie body ustaw margin:0; padding:0 bo różne przeglądarki różne rzeczy dodają domyślnie
ooo_michal
Przelotem
Przelotem
Posty: 245
Rejestracja: śr kwie 18, 2007 9:06 am

Re: Pole tekstowe formularza + graficzny przycisk

Post autor: ooo_michal »

Ja bym do takich rzeczy nie wykorzystywał pozycjonowania absolutnego. Podaj kod html to coś z tym pokombinuję.
ODPOWIEDZ