Jump to content
  • Sign Up

mrnobody

Expert
  • Posts

    955
  • Joined

  • Last visited

  • Days Won

    40

Everything posted by mrnobody

  1. А что за gulp-плагины? Там у них должны быть опции, нужно посмотреть в документации к плагинам.
  2. А у вас меню уже есть или вам нужно с нуля сделать?
  3. body { display: flex; align-items: center; justify-content: center; min-height: 100vh; } https://jsfiddle.net/mrnobody/h71moydr/4/
  4. Добавьте класс `col-sm-offset-4` блоку-колонке `col-sm-4`: https://jsfiddle.net/mrnobody/h71moydr/2/
  5. mrnobody

    Border

    li { border-right: 1px solid #fff; } li:last-child { margin-right: none; /* убираем у последненго элемента правый бордер */ } https://webref.ru/css/last-child
  6. mrnobody

    верстка SVG

    Да, только <g>. А что вам нужно сделать?
  7. Никто уже не использует лет 10, а то и больше: атрибут background; атрибут align; тег font;
  8. Наверное из-за того, что "class" зарезервировано, то нужно название, отличное от "class" для переменной, хранящей классы, например classes или classString https://codepen.io/corvus-007/pen/PVazrr
  9. Да, не понятно что вам нужно сделать. А так чтобы все символы были одинакового размера, нужно использовать моноширинный шрифт.
  10. У вас при клике на ссылку происходит действие по умолчанию - переход по ссылке, поэтому это действие нужно отменить таким образом: $('.nav-toggle').click(function(evt) { evt.preventDefault(); $('.nav-toggle').toggleClass('active') $('.nav').toggleClass('active') }); Действия браузера по умолчанию
  11. Вы решили проблему? А то вроде все норм.
  12. у .base `padding: auto;` - не существует значения auto для паддингов min-device-width и max-device-width лучше не использовать table, thead, tbody, th, td, tr { display: block; } там у вас в слове block между "b" и "l" стоит символ. Удалите block и напишите заново.
  13. @viliksar, обновил pen - добавил примерный js код для отображения имени файла.
  14. Вот так например https://codepen.io/corvus-007/pen/ZwGgQL
  15. А зачем вам textarea, для загрузки фалов нужен <input type="file"> к нему привязываем label. Потом скрываем инпут и стилизуем лейбл.
  16. Можно воспользоваться псевдо-классом :focus-within. Его не поддерживают IE и Edge https://caniuse.com/#feat=css-focus-within Вот пример https://codepen.io/corvus-007/pen/gqbNwj
  17. Можно с помощью гридов сделать http://jsfiddle.net/mrnobody/2mn4kcj9/4/
  18. У вас не закрыта ссылка в логотипе. Вот с помощью флексов https://codepen.io/corvus-007/pen/Jwxbbg?editors=1100 Вы будет верстать под мобильный? А то я там добавил кнопку меню, но без функционала и доп стилей для навигации.
  19. Блин, думал получится, но почему-то во втором аётеме, лейбл отталкивается не от размера контейнера, а от размера второй строки в этом контейнере. https://codepen.io/corvus-007/pen/OrVdqy?editors=1100
  20. Я конечно не знаю всех деталей, но может сделать с помощью колонок? http://jsfiddle.net/mrnobody/4mu63bLs/19/
  21. Так? https://codepen.io/corvus-007/pen/aQBWgR?editors=1100
  22. По умолчанию у iframe'ов размеры 300×150 px. Вам нужно c помощью JS найти высоту документа внутри фрейма, и потом задать ее самому фрейму.
  23. img { max-width: 100%; /* максимальная ширина не больше ширины родительского блока */ height: auto; /* пропорциональное масштабирование картинки по высоте */ vertical-align: middle; /* убирает ненужный отстут у картинки, т.к. она строчно-блочный элемент. Либо можно задать `display: block;` */ }
  24. .dropdown:hover .dropdown-toggle { background-color: #cf0d0d; }
×
×
  • 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