Jump to content

klierik

Administrator
  • Posts

    4,946
  • Joined

  • Last visited

  • Days Won

    108

Community Answers

  1. klierik's post in Как понять некоторые селекторы Bootstrap 4 was marked as the answer   
    В HTML классы пишутся через пробел. В CSS они пишутся через точку
    Пример
    <a class="btn-success disabled">Success</a> <a class="btn-outline-info focus">Button</a>  
    В данном случае имеется ввиду элемент с классом "btn-outline-secondary" который не содержит атрибут ":disabled" но при этом "активный" статус
    <button type="button" disabled>Click Me!</button>  
  2. klierik's post in Подскажите на какой cms сделан сайт was marked as the answer   
    Скорей всего сайт написан на Django Framework
  3. klierik's post in Не отображается картинка was marked as the answer   
    Не правильно:
    Правильно:
    <img src="//bigsp.ru/uploads/position/large_01c6d2f3e6c3430fbb597cac07d746f86dde1a1d.jpg" alt=""> Ошибка в названии атрибута. Правильно: src
  4. klierik's post in Adaptation of the subscription form was marked as the answer   
    Попробуйте вот так — https://jsfiddle.net/klierik/s8udcght/1/
  5. klierik's post in Позиционирование was marked as the answer   
    Здравствуйте. Как вариант можно сделать так:

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

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

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

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

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

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

  15. klierik's post in Линия через три блока was marked as the answer   
    Здравствуйте.
    Не обязательно делать одну линию через 3 блока. Можно её реализовать как отдельный блок, конфигурируемый, с точкой. Позиционировать в рамках каждого блока-родителя
  16. 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>  
  17. klierik's post in Предложения по работе форума was marked as the answer   
    Закрываю данную тему и меняю название ветки форума. А так же и формат форума поменял на вопросы/ответы. Для каждого отзыва/предложения открывать свою тему для обсуждения и отслеживания состояния будет удобней. Так же почистил ветку от старых не релевантных тем.
    В связи с тем, что функциональная часть форума улучшается, допускаю появление мелких незначительных багов 🙂 Данная ветка будет как раз кстати для таких ситуаций.
    Буду благодарен за фидбек любых обнаруженных проблем 🤝
  18. klierik's post in Не получается повторить стиль меню was marked as the answer   
    Посмотрите на этот пример

  19. 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; /* это правило выровняет блоки */ }  
  20. klierik's post in Как убрать отступ после изображения was marked as the answer   
    p > img {display: block;} Попробуйте так
  21. 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 который можно использовать в Вашем случае
  22. klierik's post in Как поставить 3 блока в ряд was marked as the answer   
    Как вариант вот так:

  23. klierik's post in Принцип или гайд по верстке was marked as the answer   
    Здравствуйте.
    Гайда, как такового, я не видел. Скорее всего потому что он избыточен.
    Вопрос в рамках темы касается Full Page Slider и один из самых распространённых это — fullPage. Походите по примерам, там достаточно просто повторить представленную структуру у себя на сайте.
  24. klierik's post in Не получается растянуть header по ширине экрана was marked as the answer   
    Ах да, точно. Я имел ввиду вот так
    .wallpaper > img { width: 100%; }  
  25. klierik's post in Приоритет стилей при адаптивной верстке 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