AntonBrock
@AntonBrock
screen light

В чем может быть проблема не работы 2х одинаковых блоков?

Нижний работает (2), верхний нет(1), при этом код у них одинаковый, буду благодарен за помощь!

5c4963deca639774244420.jpeg
<div class="notifications-social-icq-do">
                  <p class="notifications-social-icq-do-p">1. Скопируйте команду авторизации</p>
                    <div class="notifications-social-icq-do-icon_1">
                      <button><i class="material-icons">content_copy</i></button>
                    </div>
                  <p class="notifications-social-icq-do-p">2. Перейдите в чат и отправьте команду боту</p>
                    <div class="notifications-social-icq-do-icon_2">
                      <button><i class="material-icons">content_copy</i></button>
                    </div>
              </div>


.notifications-social-icq-do i {
    color: #BBBEC9;
}

.notifications-social-icq-do i:hover {
    color: #687189;
}

.notifications-social-icq-do button {
    border: none;
    background: #f4f4f6;
}

.notifications-social-icq-do-icon_1 {
    position: absolute;
    width: 50px;
    height: 50px;
    padding-left: 200px;
    padding-top: 30px;
}

.notifications-social-icq-do-icon_2 {
    position: absolute;
    width: 50px;
    height: 50px;
    padding-left: 200px;
    padding-top: 95px;
}
  • Вопрос задан
  • 61 просмотр
Решения вопроса 1
AntonBrock
@AntonBrock Автор вопроса
screen light
Спасибо за наводку Дмитрий совсем что-то вылетило из головы перекрытие.
В любом случае вот исправленый код:
<div class="notifications-social-icq-do">
                  <p class="notifications-social-icq-do-p p1">1. Скопируйте команду авторизации</p>
                    <div class="notifications-social-icq-do-icon_1">
                      <button><i class="material-icons">content_copy</i></button>
                    </div>
                  <p class="notifications-social-icq-do-p">2. Перейдите в чат и отправьте команду боту</p>
                    <div class="notifications-social-icq-do-icon_2">
                      <button><i class="material-icons">content_copy</i></button>
                    </div>


.notifications-social-skype-do-p {
    margin-top: 23px;
    width: 190px;
    height: 30px;
    display: flex;
    font-size: 14px;
    color: #2C2C2C;
}

.notifications-social-skype-do i {
    color: #BBBEC9;
}

.notifications-social-skype-do i:hover {
    color: #687189;
}

.notifications-social-skype-do button {
    border: none;
    background: #f4f4f6;
}

.notifications-social-skype-do-icon_1 {
    position: absolute;
    padding-left: 200px;
    margin-top: 25px;
}

.notifications-social-skype-do-icon_2 {
    padding-left: 200px;
    padding-bottom: 150px;
}
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы