Все сервисы Хабра

Сообщество IT-специалистов

Ответы на любые вопросы об IT

Профессиональное развитие в IT

Удаленная работа для IT-специалистов

Войти на сайт
  • Все вопросы
  • Все теги
  • Пользователи

Хабр Q&A — вопросы и ответы для IT-специалистов

Получайте ответы на вопросы по любой теме из области IT от специалистов в этой теме.

Узнать больше
другие проекты хабра
  • Хабр
  • Карьера
  • Фриланс
Задать вопрос
oink

oink

Начинающий похититель кода со StackOverflow
  • 7
    вклад
  • 14
    вопросов
  • 8
    ответов
  • 88%
    решений
Ответы
  • Информация
  • Ответы
  • Вопросы
  • Комментарии
  • Подписки
  • Нравится
  • Достижения
  • Как скрыть панель с помощью CSS?

    oink
    oink @oink
    Начинающий похититель кода со StackOverflow
    NikMaster777,
    #nav-wrapper {
        display: block;
    }
    
    #navbar {
        position: absolute !important;
        top: 30px;
        left: 50%;
        transform: translateX(-50%);
    }


    Так получилось, хоть и не очень красиво. Суть проблемы в том, что меню на самом деле находится в нижней строке, которую вы пытаетесь скрыть, просто оно смещено визуально в верхнюю часть шапки посредством position: relative. Если вырвать его из потока, а также задать корректное поведение для родителя, получается как надо.
    Ответ написан более года назад
    4 комментария
    Нравится 1 4 комментария
  • Как правильно сверстать блок?

    oink
    oink @oink
    Начинающий похититель кода со StackOverflow
    Если я правильно понял суть вопроса, можно каждой строке задать display: flex (можно и всем, но тогда дальнейшая настройка чуть сложнее), элементам-дивам - flex-basis 100%, ну и прочего по вкусу. Остальное флексбокс сделает сам:
    https://codepen.io/schegol/pen/WNbNdrR

    UPD. flex-shrink: 0 картинке еще забыл.
    Ответ написан более года назад
    Комментировать
    Нравится 1 Комментировать
  • Как сделать, чтобы картинка все время не прыгала из-за разной высоты?

    oink
    oink @oink
    Начинающий похититель кода со StackOverflow
    Как вариант - добавить min-height: 400px; для .photo
    Ответ написан более года назад
    13 комментариев
    Нравится 13 комментариев
  • Как задать длину параграфа в CSS, чтобы она определялась его содержимым?

    oink
    oink @oink
    Начинающий похититель кода со StackOverflow
    Попробуйте
    display: inline;
    для тега p
    Ответ написан более года назад
    Комментировать
    Нравится 2 Комментировать
  • Правильный ли код?

    oink
    oink @oink
    Начинающий похититель кода со StackOverflow
    Вроде бы все правильно. В разных браузерах отображается одинаково, значит, корректно.
    Ответ написан более года назад
    Комментировать
    Нравится Комментировать
  • Как поставить разный фон для разных страниц?

    oink
    oink @oink
    Начинающий похититель кода со StackOverflow
    Если есть возможность править HTML, можно добавить классы тегам body разных страниц и стилизовать. Т.е. на главной, к примеру, будет
    <body class="main-page-body">
    ...
    </body>

    а на внутренней
    <body class="inner-page-body">
    ...
    </body>


    И в CSS прописать, скажем:
    .main-page-body {
      background-color: red;
    }
    
    .inner-page-body {
      background-color: blue;
    }


    А вообще по id должно было тоже получиться, на код бы взглянуть.
    Ответ написан более года назад
    Комментировать
    Нравится 1 Комментировать
  • Что это за полосы и как их убрать (IE11 + Bootstrap 4)?

    oink
    oink @oink Автор вопроса
    Начинающий похититель кода со StackOverflow
    Как обычно, выручил Stack Overflow. Судя по всему, это известный баг IE, который не дает нормально обрабатывать значение box-shadow (особенно когда оно анимировано). Один из обходных вариантов (ссылка ниже) - банально поместить псевдоэлемент с совпадающим цветом фона за область, где этот баг проявляется. Если фон сложный - все равно будет некрасиво, думается мне, но мне повезло.
    https://stackoverflow.com/questions/22161981/remov...
    Ответ написан более года назад
    Комментировать
    Нравится 2 Комментировать
  • Разная ширина символов одного шрифта в разных браузерах: почему и как пофиксить?

    oink
    oink @oink Автор вопроса
    Начинающий похититель кода со StackOverflow
    Оказалось, что шрифт заменялся на локально установленный Roboto Condensed. Зачем, почему именно Хромом и именно в этом месте - пока загадка. Помогло удаление его из системы (пришлось еще лезть в реестр, т.к. просто через панель управления не давался).
    Ответ написан более года назад
    Комментировать
    Нравится Комментировать
Оценили как «Нравится»
Самые активные сегодня
  • firedragon
    Владимир Коротенко
    • 11 ответов
    • 0 вопросов
  • MikUrrey
    • 9 ответов
    • 0 вопросов
  • approximate_solution
    approximate solution
    • 7 ответов
    • 0 вопросов
  • opium
    Пума Тайланд
    • 7 ответов
    • 0 вопросов
  • cicatrix
    • 6 ответов
    • 1 вопрос
  • rozhnev
    Slava Rozhnev
    • 5 ответов
    • 0 вопросов
  • © Habr
  • О сервисе
  • Обратная связь
  • Блог

Войдите на сайт

Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации