Сделать логотип посередине с помощью CSS

Статус
Закрыто для дальнейших ответов.

MirKuz

Новичок
Регистрация
21.07.2017
Сообщения
3
Здравствуйте, решил сделать меню сайта с логотипом посередине вот так:

}
.hmenuA li:nth-child(2) {
width: 264px;
height: 86px;
background: url(http://s48.radikal.ru/i122/1707/40/7bfce4569380.png) no-repeat center center;

Но теперь мой логотип появляется в выпадающем меню:

Что нужно сделать, чтобы логотип был только в меню,а не там и там.
 

Volly

Well-Known Member
Регистрация
21.03.2012
Сообщения
830
Дайте уникальное название тэгу, в который надо вставить логотип и напишите для него правило как-то так:
html

<li id="unikumName">
css
Код:
#unikumName {
    background: url(http://s48.radikal.ru/i122/1707/40/7bfce4569380.png) no-repeat center center;
}
 

MirKuz

Новичок
Регистрация
21.07.2017
Сообщения
3
Volly сказал(а):
Дайте уникальное название тэгу, в который надо вставить логотип и напишите для него правило как-то так:
html
Код:
<li id="unikumName">
css
Код:
#unikumName {
    background: url(http://s48.radikal.ru/i122/1707/40/7bfce4569380.png) no-repeat center center;
}
Получается, что картинка - background для кнопки, а не логотип
 

Pichs

Новичок
Регистрация
22.07.2017
Сообщения
3
<ul class="header">
<li>магазин</li>
<li class="logo"><img src="http://s48.radikal.ru/i122/1707/40/7bfce4569380.png"</li>
<li>помощь</li>
</ul>

Код:
.header {
    width: 100%;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.header li {
    width: 200px;
    height: 50px;
}

.logo {
    display: flex;
    justify-content: center;
    align-items: center;
}

.logo img {
    width: 150px;
}
[member=MirKuz],

Как могло получиться подобное? если задний фон присваивается нескольким блокам, после таких селекторов ".hmenuA li:nth-child(2)", значит, вероятнее всего, у вас класс .hmenuA присвоен нескольким списками, через него он и добирается до второго дочернего элемента li у обоих списков и задает задний фон, сверху был вариант с присвоением идентификатора нужному блоку списка, не знаю, что могло пойти не так, а вообще, если вы хотите сделать логотип, то можно добавить изображение через тег <img> в нужный блок, и стилизовать его, как нужно. к примеру:
 

Pichs

Новичок
Регистрация
22.07.2017
Сообщения
3
MirKuz сказал(а):
Здравствуйте, решил сделать меню сайта с логотипом посередине вот так:

}
.hmenuA li:nth-child(2) {
width: 264px;
height: 86px;
background: url(http://s48.radikal.ru/i122/1707/40/7bfce4569380.png) no-repeat center center;

Но теперь мой логотип появляется в выпадающем меню:

Что нужно сделать, чтобы логотип был только в меню,а не там и там.
ну или посмотри здесь, я сделал шапку по быстрому, селекторы применяются и для вложенного списка, такова спецификация https://codepen.io/pichs/pen/LjPBXP?editors=1100
 

GTAlex

Member
Регистрация
02.11.2016
Сообщения
20
я так понимаю - вопрос решён?
по указанной ссылке всё нормально - лого посредине, в выпадающем нет
 
Статус
Закрыто для дальнейших ответов.
Верх Низ