Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Różna wielkość przycisku w firefox
Forum PHP.pl > Forum > Po stronie przeglądarki > CSS
ShaggyAG
Witam,
Mam mały problem z uzyskaniem zamierzonego efektu.
Chciałem przerobić przycisk typu submit tak żeby wyglądał jak inny element a konkretnie <a herf"">
O to co mam.
Html
  1. <form class="center_form" action="" method="post">
  2. <p>
  3. <label for="login">Login</label>
  4. <input type="text" name="login" required>
  5. </p>
  6.  
  7. <p>
  8. <label for="password">Hasło</label>
  9. <input type="password" name="password" required>
  10. </p>
  11.  
  12. <p>
  13. <input type="submit" name="sent" value="Zaloguj się"/>
  14. <a href=forgotpassword.php>Zapomniałeś hasła?</a>
  15. </p>
  16.  
  17. </form>

i css do niego..
  1. .center_form {
  2. width: 400px;
  3. height: 200px;
  4. padding-top: 40px;
  5. padding-left: 40px;
  6. margin: 0 auto;
  7. margin-top: 40px;
  8. border: 1px solid #000000;
  9. }
  10. .center_form label {
  11. width: 100px;
  12. float: left;
  13. text-align: right;
  14. margin-right: 5px;
  15. display: block
  16. }
  17. .center_form input[type="submit"] {
  18. display: inline-block;
  19. text-decoration: none;
  20. font-family: Arial, Helvetica, sans-serif;
  21. font-size: 18px;
  22. background: #333333;
  23. color: white;
  24. border: 1px solid #000000;
  25. padding: 5px;
  26. -moz-border-radius: 2px;
  27. border-radius: 2px;
  28. cursor: pointer;
  29. }
  30. .center_form input[type="submit"]:hover{
  31. background: #FF9900;
  32. color: black;
  33. }
  34. .center_form a{
  35. display: inline-block;
  36. text-decoration: none;
  37. font-family: Arial, Helvetica, sans-serif;
  38. font-size: 18px;
  39. background: #333333;
  40. color: white;
  41. border: 1px solid #000000;
  42. padding: 5px;
  43. -moz-border-radius: 2px;
  44. border-radius: 2px;
  45. cursor: pointer;
  46. }
  47. .center_form a:hover {
  48. background: #FF9900;
  49. color: black;
  50. }




I problem polega na tym że w przeglądarce firefox efekt końcowy wygląda tek że submit jest wyższy o 1px od a href.
http://jsfiddle.net/MZf6D/3/ - tak to wygląda.
Strasznie mnie to drażni i nie mogę sobie z tym poradzić.
Proszę o pomoc lub chociaż jakieś wskazówki gdzie może być problem
Pyton_000
http://jsfiddle.net/v775Lzr7/1/
ShaggyAG
Dziękuje
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2024 Invision Power Services, Inc.