Задать вопрос
git507

Дмитрий

Комментарии

  • Сайт в мобильной версии прыгает на некоторых устройствах?

    git507
    @git507
    Один из вариантов - гиперчувствительный тачскрин и непроизвольное срабатывание при прокрутке. Не удивляйтесь, некоторые 2 цифры домофона не могут набрать) а сайт тем более резиновый, обозначений максимальной ширины и медиа-запросов под разные разрешения нет.
    Написано

  • Как прилепить к div?

  • Как прилепить к div?

    git507
    @git507
    Лойз) Однозначно)))))
    Написано

  • Тег p внутри h2 - хорошо или плохо?

  • Вертикальное позиционирование в CSS Grid Layout?

    git507
    @git507 
    <div class="wrapper">
  <div class="item item-1">item-1</div>
  <div class="item item-2">item-2</div>
  <div class="item item-3">item-3</div>
  <div id="block" class="item item-4 wrapper-2">
    
    <div class="item">item-4-1</div>
    
  </div>
  <div class="item item-5">item-5</div>
  <div class="item item-6">item-6</div>
</div>


    *
{
  margin: 0;
  padding: 0;
}

.wrapper
{
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 15px 1fr 15px 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  -ms-grid-rows: 1fr 15px 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr;
  grid-column-gap: 15px;
  grid-row-gap: 15px;
}

.wrapper-2
{
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  
}
#block
{
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.wrapper-2 > .item
{
  background: red;
  -ms-grid-column-align: center;
  justify-self: center;
  margin-top: auto;
  margin-bottom: auto;
}

.wrapper > .item
{
  background: #cfcfff;
  padding: 15px;
}

.wrapper > .item-1
{
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1 span 1;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1 / span 1;
}

.wrapper > .item-2
{
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
  grid-column: 2 span 1;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1 / span 1;
}

.wrapper > .item-3
{
  -ms-grid-column: 5;
  -ms-grid-column-span: 1;
  grid-column: 3 span 1;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1 / span 1;
}

.wrapper > .item-4
{
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1 span 1;
  -ms-grid-row: 3;
  -ms-grid-row-span: 2;
  grid-row: 2 / span 2;
}

.wrapper > .item-5
{
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
  grid-column: 2 span 1;
  -ms-grid-row: 3;
  -ms-grid-row-span: 2;
  grid-row: 2 / span 1;
}

.wrapper > .item-6
{
  -ms-grid-column: 5;
  -ms-grid-column-span: 1;
  grid-column: 3 span 1;
  -ms-grid-row: 3;
  -ms-grid-row-span: 2;
  grid-row: 2 / span 1;
}

.wrapper > .item:nth-child(odd)
{
  background: #cff1ff;
}


    Указание координат для grid сетки, не препятствует задать использовать flex для координируемого блока. Flex с Grid'ом отлично дружат.

    Вариант №2
    https://habrahabr.ru/post/178021/
    Написано

  • Как выровнять иконку с fontawesome?

    git507
    @git507
    .faces:before {
    content: "\f053";
    font-family: Fontawesome;}
    .faces:after {
    content: "\f054";
    font-family: Fontawesome;}

    такой вариант еще есть.Дальнейшая "оцентровка" флексом или гридом.
    Написано

  • Как выровнять иконку с fontawesome?

    git507
    @git507
    Ссылку или код скиньте.
    Написано

  • Как поменять контент страницы в wordpress?

    git507
    @git507
    Если дедлайн уже близко, то рекомендую не затягивать с плохими новостями, своевременный фидбэк является одним из показателей доброжелательных намерений и хорошим бонусом для арбитража в вашу пользу, если дело "дрянь" и заказчик решил манибэк потребовать влепив вам негативный отзыв.
    Есть еще один малоприятный вариант "как спасти ситуацию", но он потребует некоторых волевых усилий.
    Заказчику говорим о форс-мажоре, заявляя о том, что со слайдером некоторые трудности возникли и вам необходимо переписать всё, просим отодвинуть на недельку сие, дабы вы могли закончить и сдать в нужном виде проект. Естественно приносим свои глубочайшие извинения, твердо заявляя о том, что на благо прогресса стараемся и проект вам нужнее сдать и в ваших интересах его сдать как подобает (заказчики обычно думают, что вы их кинете и сбежите в таких ситуациях). Если заказчик согласен подождать, то дальше действуем так....
    1.Прощаемся с существующей версткой, как бы прискорбно не звучало для нас.
    2.Заходим на youtube, и вбиваем Gantry 5 Framework
    3.Разворачиваем у себя его.
    4.Для нужной страницы реализовываем его следующим образом, снизу категории, сверху содержимое и не забываем в настройках слоя указать что мы хотим там отображать.
    5.Если клиент согласен сделать статичными сами блоки, оставив вывод динамичным - еще круче! Делаем, верстаем и снизу оставляем.
    6.При удачном исходе варианта 5 - ищем анимированный прелоудер, либо вовсе подмену блоков https://webformyself.com/kak-dinamicheski-zagruzha... как вариант, но могут возникнуть проблемы из-за конфликта версий, поскольку Gantry уже идет с jQuery (иначе и быть не могло), если проблемы нас встретили - ищем аналог на чистом JS, поскольку не факт, что новичок устранит все недочеты.
    7.При неудачном исходе варианта 5, ищем способ отображения подробного описания категорий ( либо путем кастомайзинга сторонними плагинами, либо ковыряясь в php коде ), а дальше работаем над выводом и анимированным прелоудером.
    Не забываем делать бэкапы и пользоваться мануалами с google переводом, поскольку они на англише.

    Знаю, вариант трудоемкий и не для ленивых, но сработать он просто обязан, поскольку неопытный заказчик сможет самостоятельно выводить все необходимое на свет божий и релизить контент с брызгами слюней от радости)
    Написано

  • Как поменять контент страницы в wordpress?

    git507
    @git507
    Новичок без основных навыков такое не провернет за 2 недели.
    Для быстрой и полной реализации подобного потребуются php программист и верстальщик. По цене не смогу прикинуть, но больше 5000 рублей точно.
    Если реализовать нужно только один из первых двух пунктов ( 1. Руками опытного CSS коддера через псевдо-класс :target
    2. Руками опытного JS (jQuery) коддера, путем смены html блоков, привязав их к кнопкам, как в вашем примере. ) и заказчик согласен на дальнейшее сотрудничество, то можно обойтись Front-End разработчиком, или очень опытным верстальщиком, который внедрит js код и покажет как добавлять в дальнейшем блоки, в пределах 5000 рублей выйдет.
    Написано

  • Меню в мобильной версии не прокручивается?

    git507
    @git507
    Нужно встраивать блок объявлений через @media запросы для того, чтобы свойства селектора активизировались при определенной ширине или высоте экрана. В этом и состоит вся хитрая суть адаптива.
    Написано

  • Меню в мобильной версии не прокручивается?

    git507
    @git507
    dadsaw88, !important к значениям добавлялся? блок объявлений через медиа-запросы внедряли?
    Написано

  • В чем минусы CSS column-count?

    git507
    @git507
    savage_me, Обычно в таких случаях flex&grid использую, но конкретно для IE через директиву supports вывожу решения типо вашего, с указанием минимальных и максимальных показателей для ширины и высоты.
    Написано

  • Какая программа нужна для создания сайтов с CSS и как пользоваться CSS?

    git507
    @git507
    https://www.ozon.ru/context/detail/id/22205119/ для уверенного старта
    https://oz.by/books/more10495645.html исчерпывающее руководство
    https://www.w3schools.com/ для бесплатного изучения.
    Написано

  • Почему при фиксации navbar'a меню смещается влево?

    git507
    @git507
    Одна из возможных причин:
    .header{
  background: #00ffff;
  text-align: center;
  height: 60px; /*Маловат сайз*/
}


    Что DevTools говорит, при анализе блоков? Если перескакивает, то попробуйте в относительных величинах задать параметры, одна из дочек по-умолчанию заняла все свободное место, скорее всего.
    Написано