Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [HTML]Problem z buttonem
krzesik
post 7.12.2018, 12:05:11
Post #1





Grupa: Zarejestrowani
Postów: 476
Pomógł: 1
Dołączył: 25.08.2012

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


Witam,
mam taki kod odpowiadający za przyciski na stronie:
  1. <div class="buttons" data-aos="fade-up">
  2. <a href="https://play.google.com/store/apps/details?id=........." class="smoothscroll button stroke">
  3. <span class="icon-circle-down" aria-hidden="true"></span>
  4. Pobierz Aplikacje
  5. </a>
  6. <a href="" data-lity class="button stroke">
  7. <span class="icon-play" aria-hidden="true"></span>
  8. Zobacz wideopomoc
  9. </a>
  10. </div>


Przycisk 'Pobierz aplikacje' nie działa kompletnie, natomiast wideopomoc "miga" czyli coś się dzieje. W konsoli mam coś takiego
  1. 12:01:40.940 main.js:135 Uncaught TypeError: Cannot read property 'top' of undefined
  2. at HTMLAnchorElement.<anonymous> (main.js:135)
  3. at HTMLAnchorElement.dispatch (jquery-2.1.3.min.js:3)
  4. at HTMLAnchorElement.r.handle (jquery-2.1.3.min.js:3)


jeszcze css:
  1.  
  2. .button,
  3. button,
  4. input[type="submit"],
  5. input[type="reset"],
  6. input[type="button"] {
  7. display: inline-block;
  8. font-family: "montserrat-regular", sans-serif;
  9. font-size: 1.5rem;
  10. height: 5.4rem;
  11. line-height: calc(5.4rem - .6rem);
  12. padding: 0 3rem;
  13. margin: 0 .3rem 1.2rem 0;
  14. color: #222222;
  15. text-decoration: none;
  16. cursor: pointer;
  17. text-align: center;
  18. white-space: nowrap;
  19. border-radius: .5rem;
  20. -webkit-transition: all 0.3s ease-in-out;
  21. transition: all 0.3s ease-in-out;
  22. background-color: #c5c5c5;
  23. border: .3rem solid #c5c5c5;
  24. }
  25.  
  26. .button:hover,
  27. button:hover,
  28. input[type="submit"]:hover,
  29. input[type="reset"]:hover,
  30. input[type="button"]:hover,
  31. .button:focus,
  32. button:focus,
  33. input[type="submit"]:focus,
  34. input[type="reset"]:focus,
  35. input[type="button"]:focus {
  36. background-color: #b8b8b8;
  37. border-color: #b8b8b8;
  38. color: #000000;
  39. outline: 0;
  40. }
  41.  
  42. .button.button-primary,
  43. button.button-primary,
  44. input[type="submit"].button-primary,
  45. input[type="reset"].button-primary,
  46. input[type="button"].button-primary {
  47. background-color: #39b54a;
  48. border-color: #39b54a;
  49. color: #FFFFFF;
  50. }
  51.  
  52. .button.button-primary:hover,
  53. button.button-primary:hover,
  54. input[type="submit"].button-primary:hover,
  55. input[type="reset"].button-primary:hover,
  56. input[type="button"].button-primary:hover,
  57. .button.button-primary:focus,
  58. button.button-primary:focus,
  59. input[type="submit"].button-primary:focus,
  60. input[type="reset"].button-primary:focus,
  61. input[type="button"].button-primary:focus {
  62. background: #309a3f;
  63. border-color: #309a3f;
  64. }
  65.  
  66. button.full-width,
  67. .button.full-width {
  68. width: 100%;
  69. margin-right: 0;
  70. }
  71.  
  72. button.medium,
  73. .button.medium {
  74. height: 5.7rem !important;
  75. line-height: calc(5.7rem - .6rem) !important;
  76. }
  77.  
  78. button.large,
  79. .button.large {
  80. height: 6rem !important;
  81. line-height: calc(6rem - .6rem) !important;
  82. }
  83.  
  84. button.stroke,
  85. .button.stroke {
  86. background: transparent !important;
  87. color: #a5a5a5 !important;
  88. }
  89.  
  90. button.stroke:hover,
  91. .button.stroke:hover {
  92. border: 0.3rem solid #39b54a;
  93. color: #39b54a;
  94. }
  95.  
  96. button.pill,
  97. .button.pill {
  98. padding-left: 3rem !important;
  99. padding-right: 3rem !important;
  100. border-radius: 1000px;
  101. }
  102.  
  103. button::-moz-focus-inner,
  104. input::-moz-focus-inner {
  105. border: 0;
  106. padding: 0;
  107. }
  108.  
  109.  


kompletnie nie wiem jak to ugryźć proszę o pomoc

Ten post edytował krzesik 7.12.2018, 12:07:45
Go to the top of the page
+Quote Post
emillo91
post 18.12.2018, 13:37:44
Post #2





Grupa: Zarejestrowani
Postów: 129
Pomógł: 13
Dołączył: 29.03.2012

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


Będzie jeszcze potrzebny kod JS bo to jest błąd przetwarzania danych. JS nie może odczytać wartości 'top'.
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 Wersja Lo-Fi Aktualny czas: 20.04.2024 - 07:14