vityalobanov

Не получается повторить стиль меню

Рекомендованные сообщения

Всем привет, помогите пожалуйста с такой проблемой, не получается повторить стиль активного пункта меню, как можно сделать чтобы он был по высоте чуть выше остальных пунктов?

image.thumb.png.8f9924cfa82868cd8aeec6e3fcd72863.png

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Здравствуйте. Без кода\примера сложно сказать. Но направление такое:

  1. Выровнять все пункты по нижнему краю
  2. Сделать активный пункт меню выше за счет увеличения полей

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

вот код самого меню

http://jsfiddle.net/cqd281ut/1/

а вот активный пункт никак не придумаю как сделать чтоб выглядел как в примере

Изменено пользователем vityalobanov

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
05.12.2018 в 13:02, klierik сказал:

Посмотрите на этот пример

Большое спасибо за помощь, добавил с помощью теней по бокам  белые отступы и все получилось как в примере.

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Создайте аккаунт или войдите в него для комментирования

Вы должны быть пользователем, чтобы оставить комментарий

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!

Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.

Войти сейчас

  • Похожие публикации

    • Автор: vasily333
      Нужно расположить Звездочки рейтинга внизу поцентру внутри блока. Я только начинаю разбираться. Не судите строго пжл. Делаю всё в wordpresse. Можно ли присвоить css класс звездочкам и присвоить css класс блокам и потом в редакторе  css сделать такое правило звездочки распологаются внутри, снизу, поцентру блоков. Если да то какой командой?
      нашел решение
      .zvezda {
            position:absolute;
            top:100%;
            left:50%;
            transform: translate(-50%, -50%);
    • Автор: Fani
      div блок постоянно съезжает, хотя опробовал все. Ответы, что я находил не помогали, смена позиционирования тоже. Может, кто знает как это исправить? Код прилагаю

      HTML
       

      CSS
       

    • Автор: Константин(Mushr00m)
      Добрый день.
      Очень нужен совет.
      Есть макет лэндинга, ничего в принципе сложного, но не могу понять, как лучше реализовать некоторые элементы (выделил красной рамкой на пикче).
      Либо с помощью svg, но тогда сложно будет редактировать толщину линий при адаптиве. Либо создавать div'ы и стилизовать их. Или не заморачиваться и запечь эти элементы с фоновый изображением.
      Делаю тестовое для собеседования, хочется грамотно к вопросу подступить. Как вы реализуете подобное? Лично я первый раз с таким дизайном в практике встречаюсь, вот и колеблюсь.
      Заранее спасибо.

  • Статистика пользователей

    46 188
    Всего пользователей
    3 128
    Рекорд онлайна
    Marchysh
    Новый пользователь
    Marchysh
    Регистрация
  • Сейчас на странице   0 пользователей

    Нет пользователей, просматривающих эту страницу.