ďťż

[CSS] formularz z obrazkiem

       

Podstrony


telcocafe

mam głupi problem od 2 dni nie moge sobie poradzić <_< chce zrobic zwykły formularz pod wyszukiwarke czyli pole do wpisania i submit ale z tłem obrazkowym JPG <_< problem w tym że nie chce mi to działać w FF udało mi się już złożyć pod IE zobaczcie sami: http://free.of.pl/c/chcklan/ok/ok.htm

Są dwa .png można zobaczyć w kod jak to robiłem i wkleję jeszcze tutaj:

<style tyle="text/css"> #1{ width:156px; height:27px; border:0; float:left; background-image:url('tresc.png'); background-attachment: fixed; background-repeat: no-repeat; padding:5px 10px 5px 10px; }; #2{ width:42px; height:27px; border:0; float:left; background-image:url('ok.png'); }; #o{ width:200px; border:1px solid #ff0000; position:absolute; } </style>

a cała zawerość <BODY> to tyle:



<form> <fieldset> <input type="text" name="q" id="1" /> <input type="submit" value="" class="submit" name="#" id="2" /> </fieldset> </form>

CO ROBIĘ ŹLE ?



ja to robię tak
<input type=image src="submit.jpg" width="100" value="ok">

@edit:
type=image

@Txthor:
działa pod operą ! mam 9.-coś
Użytkownik tsukuyomi_reload edytował ten post 29 sierpień 2007, 18:59
Albo:
<input type="text" name="pole" size="25" style="background-image: url('http://www.strona.pl/obrazek.jpg'); background-repeat: no-repeat">

Ja tylko dopisze, że pod operą też to nie działa. I lepiej zastosuj podpowiedź Saurona.



kod saurona w zasadzie nie rozni się od mojego tylko tyle ze ma styl na twardo ja zrobiłem przez ID

Pierwszy błąd:
nazwy ID nie mogą być cyframi jak wpisałem TRESC i OK zamiast 1,2 pojawił mi się obrazek w polu tekstowym ale w polu submit nadal go nie ma :|

Drugi błąd:
po wpsianu background-attachment: fixed; w FF ucieka mi obrazek a jeśli nie ma tego zadekalrowane to jest tylko że przy większej ilości tekstu ucieka z nim :|

#tresc{ width:156px; height:27px; border:0; float:left; background-image:url('tresc.png'); background-attachment: fixed; background-repeat: no-repeat; padding:5px 10px 5px 10px; }; #ok{ width:42px; height:27px; border:0; float:left; background-image:url('ok.png'); };

http://free.of.pl/c/chcklan/ok/ok.htm :eyebrow:
Użytkownik DriaDy edytował ten post 29 sierpień 2007, 18:23
Poczytaj sobie o własnościach CSS! Powiem Ci tylko tyle,że nazwa nie może się zaczynać od cyfry.


Poczytaj sobie o własnościach CSS! Powiem Ci tylko tyle,że nazwa nie może się zaczynać od cyfry.

Widzisz co napisałem?

Pierwszy błąd:
nazwy ID nie mogą być cyframi jak wpisałem TRESC i OK zamiast 1,2 pojawił mi się obrazek w polu tekstowym ale w polu submit nadal go nie ma :|

Problem z Submitem rozwiązany działo się tak dlatego że po nazwach id{}; postawiłem ; po ich skasowaniu wskoczył obrazek na submita ;)

-------------------------------------
PROBLEM OSTATNI
jak podwiesić tło w polu tekstowym ? jeśli daje background-attachment: fixed; w IE działa ale w FF ucieka mi obrazek nie wiem czemu :|
Użytkownik DriaDy edytował ten post 29 sierpień 2007, 18:54
Ach,pardon. Ale teraz bedziesz wiedział na przyszłość :)
A do czego Ci wyrównanie obrazka w inpucie? Bez tej właściwości nie działa? Chyba że obrazek ma wysokość 2px :D
A jeżeli jest Ci potrzebny to spróbuj na chwilę się pozbyć na próbę padding. W różnych przeglądarkach jest różnie interpretowany . . .

  • zanotowane.pl
  • doc.pisz.pl
  • pdf.pisz.pl
  • nvm.keep.pl

  • Sitedesign by AltusUmbrae.