Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML]Problem z buttonem
Forum PHP.pl > Forum > Przedszkole
krzesik
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
emillo91
Będzie jeszcze potrzebny kod JS bo to jest błąd przetwarzania danych. JS nie może odczytać wartości 'top'.
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-2025 Invision Power Services, Inc.