Jump to content

klierik

Administrator
  • Posts

    4,914
  • Joined

  • Last visited

  • Days Won

    104

Community Answers

  1. klierik's post in Не отображается картинка was marked as the answer   
    Не правильно:
    Правильно:
    <img src="//bigsp.ru/uploads/position/large_01c6d2f3e6c3430fbb597cac07d746f86dde1a1d.jpg" alt=""> Ошибка в названии атрибута. Правильно: src
  2. klierik's post in Adaptation of the subscription form was marked as the answer   
    Попробуйте вот так — https://jsfiddle.net/klierik/s8udcght/1/
  3. klierik's post in Позиционирование was marked as the answer   
    Здравствуйте. Как вариант можно сделать так:

  4. klierik's post in Как изменить цвет вертикальной линии? was marked as the answer   
    Здравствуйте. Вот этот код отвечает за цвет линии:
    .col-2 { border-left: 4px solid #a0a0a0; // цвет границы margin-left: -1px; padding-left: 20px; }  
  5. klierik's post in Замена текста на html css js was marked as the answer   
    Обновить пример и получить результат:

  6. klierik's post in У меня не получается активировать кнопку Enter. was marked as the answer   
    Если я правильно понял, то имеется ввиду срабатывания события при нажатии на кнопку "Enter" на клавиатуру. В результате чего должна выполнятся ф-я "checkGuess()". Если так, то вот пример:

  7. klierik's post in Есть див с выпадающем меню и ссылкой на него was marked as the answer   
    Попробуйте поработать с этим примером

  8. klierik's post in высота блоков в HTML was marked as the answer   
    По умолчанию все дочерние элементы flex-блока имеют одинаковую высоту. А выравнивание можно обыграть так:

  9. klierik's post in высота картинки was marked as the answer   
    Тут 2 варианта
    или обрезать исходную картинку до пуной высоты или поместить картинку в блок с фиксированной высотой и ему задать overflow:hidden  
  10. klierik's post in Размещение фоновой картинки, заключенной в div, на всю ширину вьюпорта was marked as the answer   
    Здравствуйте
    При данной постановке вопроса — никак.
    Фоновая картинка отображается в рамках своего контейнера.
  11. klierik's post in Аккордеон на чистом HTML/CSS was marked as the answer   
    Здравствуйте.
    Вот этот пример можно взять за основу:

    То что касается иконки и прочих эффектов — это уже мелочи, там легко.
  12. klierik's post in div with arrow was marked as the answer   
    Здравствуйте.
    Как вариант начать от сюда:

  13. klierik's post in Линия через три блока was marked as the answer   
    Здравствуйте.
    Не обязательно делать одну линию через 3 блока. Можно её реализовать как отдельный блок, конфигурируемый, с точкой. Позиционировать в рамках каждого блока-родителя
  14. klierik's post in Проблема с псевдокласами was marked as the answer   
    Не будет и не должно, потому как первым в списке дочерних элементов у родителя "team-descr" — это H3.
    <div class="team-descr"> <h3>Bradley Hunter</h3> <!-- это :first-child --> <p class="name">Based in Chicago. I love playing tennis and loud music</p> <p class="name">Based in Chicago. I love playing tennis and loud music</p> <p class="name">Based in Chicago. I love playing tennis and loud music</p> <p class="name">Based in Chicago. I love playing tennis and loud music</p> <p class="name">Based in Chicago. I love playing tennis and loud music</p> <p class="name">Based in Chicago. I love playing tennis and loud music</p> <p class="name">Based in Chicago. I love playing tennis and loud music</p> <p class="name">Based in Chicago. I love playing tennis and loud music</p> <p class="name">Based in Chicago. I love playing tennis and loud music</p> <p class="name">Based in Chicago. I love playing tennis and loud music</p> <!-- это :last-child --> </div> Под
    :first-child/:last-child подразумевается не вхождение выбранного Вами селектора, а первая нода, тег, которые одет по списку.
    В ваше случае псевдо-элементы будут работать только в том случае, если в контейнере первым и последним будут ".name"
    <div class="team-descr"> <p class="name">Based in Chicago. I love playing tennis and loud music</p> <!-- :first-cild --> <p class="name">Based in Chicago. I love playing tennis and loud music</p> <p class="name">Based in Chicago. I love playing tennis and loud music</p> <!-- :last-child --> </div>  
  15. klierik's post in Предложения по работе форума was marked as the answer   
    Закрываю данную тему и меняю название ветки форума. А так же и формат форума поменял на вопросы/ответы. Для каждого отзыва/предложения открывать свою тему для обсуждения и отслеживания состояния будет удобней. Так же почистил ветку от старых не релевантных тем.
    В связи с тем, что функциональная часть форума улучшается, допускаю появление мелких незначительных багов 🙂 Данная ветка будет как раз кстати для таких ситуаций.
    Буду благодарен за фидбек любых обнаруженных проблем 🤝
  16. klierik's post in Не получается повторить стиль меню was marked as the answer   
    Посмотрите на этот пример

  17. klierik's post in Кривая верстка страницы was marked as the answer   
    Вот это поможет:
    .brands_patent .brands { border: 1px solid #ebebeb; width: 20%; display: block; float: left; margin-bottom: -1px; margin-left: -1px; box-sizing: border-box; /* это правило выровняет блоки */ }  
  18. klierik's post in Как убрать отступ после изображения was marked as the answer   
    p > img {display: block;} Попробуйте так
  19. klierik's post in Отличается-ли bootstrap-sass от bootstrap-scss ? was marked as the answer   
    Вот официальный порт less to sass: https://github.com/twbs/bootstrap-sass#d-npm--nodejs который можно использовать в Вашем случае
  20. klierik's post in Как поставить 3 блока в ряд was marked as the answer   
    Как вариант вот так:

  21. klierik's post in Принцип или гайд по верстке was marked as the answer   
    Здравствуйте.
    Гайда, как такового, я не видел. Скорее всего потому что он избыточен.
    Вопрос в рамках темы касается Full Page Slider и один из самых распространённых это — fullPage. Походите по примерам, там достаточно просто повторить представленную структуру у себя на сайте.
  22. klierik's post in Не получается растянуть header по ширине экрана was marked as the answer   
    Ах да, точно. Я имел ввиду вот так
    .wallpaper > img { width: 100%; }  
  23. klierik's post in Приоритет стилей при адаптивной верстке was marked as the answer   
    Объединением всех стилей в один файл
  24. klierik's post in Насколько в современной верстке важен pixel perfect was marked as the answer   
    Каждое первое вхождение при разработке любого лэйаута\блока\элемента определяет его стандартное состояние. Все остальные вхождения аналогичных\однотипных блоков реализуются используя уже существующий стандарт стилей во всех случаях (за исключением тех когда различия выражены характерно отсупами, цветами, размерами, прочее).
    Так же следует учитывать что существует разница между "ленью дизайнера всё выровнять" и модификатором для блока, когда при определённых обстоятельствах некий блок требует внесения изменений в его стандартное отображение\расположение.
    На практике изменения от стандартных стилей в размере нескольких пикселей не учитывается, иначе результат не только увеличит размер стилей, но так же и стоимость разработки. А ещё и усложнит их читабельность и поддержку, что не благоприятно скажется на последнем.
  25. klierik's post in Плавающий background was marked as the answer   
    Для этого используется плагин с Параллакс эффектом 
×
×
  • 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