Jump to content

mrnobody

Expert
  • Posts

    955
  • Joined

  • Last visited

  • Days Won

    40

Everything posted by mrnobody

  1. https://htmlacademy.ru/courses/65/run/16 http://css-live.ru/faq/displayflow-root-not-clearfix.html
  2. Там же есть скринкаст Вёрстка слайдера в «Глейси» с разъяснением как делать такой слайдер. Вот мой вариант https://corvus-007.github.io/17030-gllacy/
  3. По первому вопросу, возможно такая разметка сделана для прижатия футера к низу страницы при маленькой высоте содержимого. После блока #wrapper должен идти блок #footer. Если заинтересовало, то можете поискать по запросу "sticky footer".
  4. А вы макет взяли из рассылки HTML Academy? А то я смотрю в рассылке такой же.
  5. Может через @keyframes, только при потере фокуса блок исчезает сразу: https://jsfiddle.net/mrnobody/2ds6ke41/18/
  6. С такой разметкой у вас как вы и сказали не получится, нужно чтобы был input и после него шёл label., но тогда придется задавать атрибуты: id инпуту и for - лейблу. Либо …
  7. Попробовал, но не очень получилось (( https://jsfiddle.net/mrnobody/uyra86bn/1/
  8. :nth-child(2n) - выбирает среди всех дочерних элементов. Нужно использовать псевдокласс :nth-of-type(2n) для выбора элементов определенного типа - https://jsfiddle.net/mrnobody/hd45m3fc/2/
  9. Может вам проще воспользоваться готовым плагином для табов? ) http://vdw.github.io/Tabslet/
  10. Теперь работает в Мозилле, но высоту обрезки зависит от высоты блока
  11. Блин, хреновая поддержка (( - не работает в Edge и Мозилле
  12. Добавьте к ховеру еще и фокус: https://jsfiddle.net/mrnobody/m7jy4bfe/2/
  13. Скрипты подключите перед закрывающимся тегом </body>, а не после него. <!DOCTYPE html> <html lang="ru"> <head> <meta charset="UTF-8" /> <title>Document</title> </head> <body> <!-- Content --> <script src="http://code.jquery.com/jquery-1.11.1.js"></script> <script src="/assets/js/popup.js"></script> </body> </html> И у вас странный атрибут iddiv. Наверное лучше сделать data-iddiv="box_1", и обращаться к нему с помощью метода data вот так: var iddiv = $(this).data("iddiv");
  14. Наверное только если title заменить на data-title.
  15. Может подойдет amoCRM, но она платная (пробный период на 2 недели), есть базовый пакет 4 990 руб/год.
  16. animation-direction: alternate; https://webref.ru/css/animation-direction
  17. Вот так можно попробовать https://jsfiddle.net/mrnobody/31zxeozo/1/
  18. Попробовал - не получается ((, только происходит действие записанное в атрибуте onclick, то есть переходит на сайт htmlbook. Отдельно страница http://codepen.io/corvus-007/debug/pNmbPw
  19. Так как у блок 1 плавающий, то блок 2 его не видит (блочные элементы не видят плавающие блоки, их видят строчные / блочно строчные элементы). Попробуйте убрать ширину у блока 2 или задайте полупрозрачный фон для блока 1, и всё поймете.
  20. Класс clearfix нужно задавать для контейнера плавающих элементов, а не для элемента about. То есть вот такая разметка карточек: <div class="cards-holder clearfix"> <div class="card">…</div> <div class="card">…</div> <div class="card">…</div> <div class="card">…</div> </div> <div class="about">…</div> Также класс clearfix было бы хорошо добавить для элемента nav (и желательно не задавать высоту навигации, так ка если будет переполнение элементами навигации высота высота останется той же, и элементы навигации выйдут за nav).
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy