JotPEG zamiast przycisku

Języki, których efekty są wykonywane po stronie serwera. PHP, ASP czy CGI w połączeniu z bazami danych SQL dają niezwykłe możliwości budowy i zarządzania stron WWW. Tu zadajemy pytania oraz demonstrujemy kod, z którym mamy problem.
adi_mzh
Posty: 8
Rejestracja: ndz mar 20, 2005 10:23 pm

JotPEG zamiast przycisku

Post autor: adi_mzh »

Mam coś takiego:

<form method="POST" action="szukaj.php">
<input type="text" name="zapytanie" size="20">
<input type="submit" value="Szukaj" name="s1">
</form>


Jak podłożyć jakiś obrazek zamiast ubttona (do lajałtu mi nie pasuje ) ??
Asit
Zaczyna działać
Zaczyna działać
Posty: 402
Rejestracja: ndz lis 28, 2004 9:17 pm
Kontakt:

Re: JotPEG zamiast przycisku

Post autor: Asit »

chyba cos takiego zamiast submita:

Kod: Zaznacz cały

<input type="image" name="s1" src="wyslij.gif">
Stig
Administrator
Posty: 938
Rejestracja: pn paź 04, 2004 10:52 am

Re: JotPEG zamiast przycisku

Post autor: Stig »

Najlepiej wykorzystać w tym celu CSS. Musisz stworzyć klasę z tłem obrazkowym w postaci grafiki, którą chcesz zastąpić przycisk, o rozmiach tej grafiki i brakiem obramowania. Klasa wyglądałaby np. tak (dla obrazka o rozmiarach 60x20 px):

Kod: Zaznacz cały

.submit {
background: url("obraz.gif") no-repeat;
width: 60px;
height: 20px;
border: 0;
}
Do tagu input z argumentem submit musisz dorzucić jeszcze argument class z nazwą klasy (submit) np.

Kod: Zaznacz cały

<input type="submit" class="submit" value="Szukaj" name="s1" />
Aby w pełni dopasować submit'a możesz jeszcze zmienić wygląd czcionki lub zastosować obraz z tekstem a argument value pozostawić pusty.

PS. Temat raczej do działu Technologie WWW - cz. 1

EDIT:
Spóżniłem się trzy minutki. Rozwiązanie Asit'a również jest dobre :)
ODPOWIEDZ