Recommended Posts

Добрый день. Создал меню горизонтальное и по макету нужно сделать между меню полоску.
как должно выглядеть: Фото меню

Скрытый текст


Я ее добавил в <li>border-right: 1px solid #fff. и у последней ссылки ее нужно убрать. как сделать чтобы рамка не виднелась???

хотел отдельно последний пункт меню взять в ид и убрать ее. но чтото не получается.
<li id="contact_us">
<a href="#">CONTACT US</a>
</li>

кроме как вставлять блок или картинку чтоб замазать ничего не приходит в голову. подскажите пожалуйста реально ли ее убрать через стили ?

Share this post


Link to post
Share on other sites
05.05.2019 в 18:58, mrnobody сказал:

li {
  border-right: 1px solid #fff;
}

li:last-child {
  margin-right: none; /* убираем у последненго элемента правый бордер */
}

https://webref.ru/css/last-child

Cпасибо

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Similar Content

    • By Twix
      Добрый вечер.
      Чтоб не спамить разными сообщениями на форуме создам все тут.
      #Вопрос 1.
      Я пока не нашел ответ в гугле, спрошу тут и пойду искать дальше. Шапка сайте идет на всю ширину экрана(лого и форма поиска). а вот ее сайт(статьи меню и т.д) идут в блоке с каждой стороны примерно по 10% ширины нет(как margin я как понимаю)  и там ничего не должно быть активно. там будет свой фон. Вот как можно это сделать сразу? я подумал сначала сделать в body убрать по 10% с каждой стороны но у меня там шапка. На текущий момент кроме как когда создавать блоки с контентом их каждый в писать ширину и поля с отступами. Подскажите как это сделать сразу же заранее.
    • By clean-nt
      Здравствуйте!
      Помогите, пожалуйста!
      Что нужно исправить (добавить) в коде, чтобы было как на изображении снизу?
      Спасибо!
       

  • Member Statistics

    46,293
    Total Members
    3,128
    Most Online
    Foxyded support
    Newest Member
    Foxyded support
    Joined
  • Recently Browsing   0 members

    No registered users viewing this page.