Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [CSS][css/phone] Zmienia szerokość aktywnego input
maniek74
post
Post #1





Grupa: Zarejestrowani
Postów: 127
Pomógł: 0
Dołączył: 26.08.2013

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


Witam

Na wszystkich komórkach po kliknięciu w pole input i pojawieniu się klawiaturki do wpisywania zmienia się szerokość inputa, tj. zmiejsza go.

  1. dl {
  2. clear: both; text-align: center; padding: 0px; margin: 0px auto 0px auto; width: 74%;
  3. }
  4.  
  5. dt {
  6. clear: both; padding: 0px 5px 0px 0px; margin: 0px; font: normal 13px Verdana; color: #919191;
  7. text-align: left;
  8. }
  9.  
  10. dd {
  11. clear: both; text-align: left; font: normal 13px Verdana; color: #919191;
  12. padding: 0px; margin: 0px;
  13. }
  14.  
  15. .inputText_x5, .inputText_x5:focus {
  16. border: #a1a1a1 1px solid; padding: 0px 0px 0px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
  17. font: normal 13px Arial; color: #7b7979;
  18. }
  19.  
  20. form.logon input.inputText_x5, form.logon input.inputText_x5:focus {
  21. width: 240px; height: 25px;
  22. }
  23.  


Można temu zaradzić.

Pozdrawiam
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 2)
L0k0
post
Post #2





Grupa: Zarejestrowani
Postów: 161
Pomógł: 4
Dołączył: 18.03.2011

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


Jak dla mnie przydałby się chociaż ten input, bo sam CSS nic nie mówi, bo nie wiemy jak został użyty...
Go to the top of the page
+Quote Post
maniek74
post
Post #3





Grupa: Zarejestrowani
Postów: 127
Pomógł: 0
Dołączył: 26.08.2013

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


  1. <form class="logon" action="{DOMAIN_ALL}/{LANGUAGE}/{LINK_LOGIN}" method="post">
  2. <dl style="padding-top: 40px;">
  3. <dt>{L_EMAIL}:</dt>
  4. <dd>
  5. <input class="inputText_x5" type="text" name="formEmail">
  6. </dd>
  7. </dl>
  8.  
  9. <dl style="padding-top: 10px;">
  10. <dt>{L_PASSWORD}:</dt>
  11. <dd>
  12. <input class="inputText_x5" type="password" name="formPassword">
  13. </dd>
  14. </dl>
  15.  
  16. <dl style="padding-top: 5px;">
  17. <dt></dt>
  18. <dd>
  19. <a href="{DOMAIN_ALL}/{LANGUAGE}/{LINK_REMIND}">{BUTTON_REMIND}</a>
  20. </dd>
  21. </dl>
  22.  
  23. <dl>
  24. <dt>&nbsp;</dt>
  25. <dd>
  26. <input class="submitLogon" name="submitLogon" type="submit" value=" ">
  27. </dd>
  28. </dl>
  29. </form>


Tak jak pisałem problem jest tylko gdy chce wpisać coś w input i pojawia się na ekranie klawiatura.

Pozdrawiam
Go to the top of the page
+Quote Post

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: 22.08.2025 - 01:36