Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [HTML][CSS]graficzny input wyszukiwarki
elmozaur
post
Post #1





Grupa: Zarejestrowani
Postów: 518
Pomógł: 18
Dołączył: 21.07.2008

Ostrzeżenie: (0%)
-----


Witajcie.
Chcialbym na swojej stronie umiescic przeszukiwarke zasobow serwisu.
Aby uatrakcyjnic jej wyglad w CSS ustawilem dla pola input background-image a dla klawisza submit typ image i akcje w JS.

dziala wszystko ok ale nie moge poradzic sobie z wygladem. albo cos sie rozchodzi albo nie pasuje juz sam nie wiem.
kombinowalem z paddingiem, wielkosciami itp ale co minie pasuje...
Jak juz ustawie dobry wyglad w FF3.5 to sypie sie w IE8...
jak FF3.5 i IE8 wyglada ok to w trybie zgodnosci wszystko sie sypie

  1. <form action="'.$strona_adres.'/szukaj_wynik/" method="GET" id="formularz_szukania">
  2. <div id="szukanie"><input id="szukaj_text" type="text" name="slowo" value="'.$napis.'" onfocus="czyszczenie();" class="szukaj_input" />
  3. <input type="image" src="../../../images/szukaj.gif" value="send" onFocus="blur()" class="szukaj_klawisz" /></div>


  1. #szukanie{
  2. width:240px;
  3. position: absolute;
  4. top:222px;
  5. right:40px;
  6. }
  7. .szukaj_input{
  8. background-image: url(../../../images/szukaj_tlo.gif);
  9. height: 18px;
  10. width: 121px;
  11. padding-top: 7px;
  12. padding-left: 15px;
  13. padding-right:5px;
  14. *padding-left:20px;
  15. font-size:11px;
  16. color:#1F1F1F;
  17. border: 0;
  18. }
  19.  
  20. .szukaj_klawisz{
  21. width: 20px;
  22. height: 25px;
  23. border: 0;
  24. position: relative;
  25. left: 0px;
  26. *right: 5px;
  27. top: 7px;
  28. *top: 7px;
  29. }


Prosze o podpowiedz co robie sle i jakie sa zasady przy upiekszaniu formularzy cssem.

dziekuje za wszelike info.
Grzesiek
Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 19.08.2025 - 14:28