Задать вопрос
AntonBrock
@AntonBrock
screen light
html

В чем может быть проблема не работы 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 просмотр
2 комментария
Подписаться 1 Простой 2 комментария
Решения вопроса 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;
}
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Тестировщик-стажёр
ITooLabs • Тула
от 35 000 до 40 000 ₽
Fullstack PHP Developer
Smapse Education
от 40 000 до 65 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
Ещё вакансии
Заказы с Хабр Фриланса
Разработать HLTV HUD для стрима CS 1.6
25 апр. 2024, в 08:02
2500 руб./за проект
Вычислить размер объекта по карте глубин
25 апр. 2024, в 07:37
5000 руб./за проект
Спарсить TON PLACE: скрейпинг фото и текста с анкет по списку URL
25 апр. 2024, в 05:57
3000 руб./за проект
Ещё заказы