Задать вопрос
AntonBrock

Darkness

screen light
Ответы пользователя по тегу HTML

  • Как заставить работать стили?

    AntonBrock
    @AntonBrock Автор вопроса
    screen light
    Как я понял, у меня либо жесткое наложение, либо просто не видно куда и что тыкается. (не работает другими словами) После разбора всех атрибутов, я дошел до того что 1 кружок ставится НЕ зависимо куда ты тыкнешь. Тут уже было понятно, что это :after вешается по id (как мы и писали) и только на первый элемент. Поэтому решение нашел стремное, а именно я динамически передаю новые id, на каждую итерацию цикла. Т.е. 4 id из state, после уже в стили делаю такие как и были :after+label и тд. Нужный функционал то я получил, но весь дерьмо код - вижу. Если у вас будут лучшее решение, чем мое - с радостью узнаю и попробую!

    Зачем вообще мне нужен был state? Дело в том, что именно вот эти цифры ( цена) отправляется к нам в базу, и по клику динамически (там еще есть ниже верстка) перемещаем туда тоже. Т.е. можно было без state, но писать доп.кода нет смысла, да и ошибки будут 100%.
    Ответ написан
    Комментировать
    Комментировать

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

    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;
}
    Ответ написан
    Комментировать
    Комментировать

  • Почему сначала грузить всю страницу, а после только prelouder?

    AntonBrock
    @AntonBrock Автор вопроса
    screen light
    Решение: перейти на svg и поместить стили в head. Спасибо за помощь Dymok
    Ответ написан
    Комментировать
    Комментировать