AlexZaw

Пользователь
  • Публикации

    115
  • Зарегистрирован

  • Посещение

  • Дней в лидерах

    5

Последний раз AlexZaw выиграл 30 июня

Публикации AlexZaw были самыми популярными!

Репутация

14 Положительная

1 подписчик

О AlexZaw

  • Звание
    Участник
  • День рождения 03.12.1978

Информация

  • Пол
    мужской
  • Откуда
    Томск

Посетители профиля

251 просмотр профиля
  1. А что вы хотите сделать то? Из вопроса не очень понятно. То что меню пропадает при разворачивании чтоли? Так это надо просто убрать display:none после изменения размера.
  2. Обводка инпута красным/зеленым без JS

    без js только так смог придумать: <form action=""> <input type="tel" pattern="[0-9]{3}-[0-9]{3}" placeholder="example 123-456"> <button>submit</button> </form> input[type="tel"]:invalid{border:2px solid red} песочница: https://jsfiddle.net/AlexZaw/4gpyds1s/
  3. Как установить картинку?

    <div class="wrapper"> <img src="http://placehold.it/200x50"> </div> или <p class="wrapper"> <img src="http://placehold.it/200x50"> </p> .wrapper{text-align: center;} это базовые варианты
  4. можно вот так <div class="wrap"> <div class="bl1">1</div> <div class="bl3">3</div> </div> <div class="bl2">2</div> .bl1, .bl3{width: 300px;height: 100px;background-color: #f00;} .bl2{width: 100px;height: 200px;background-color: #ff0;} .wrap{float:left;} .bl2{display:inline-block}
  5. Сложная таблица

    я ж и говорю в рамках бреда можно еще вариант с дивами и флексами попробовать
  6. Сложная таблица

    в рамках бреда: https://jsfiddle.net/AlexZaw/tkLxL6jk/
  7. Обводка инпута красным/зеленым без JS

    <input id="check" type="checkbox"><label for="check">Label </label> <br> <input type="text"> input:checked~label{color: red} input:hover{border:2px solid green} input:focus{border:2px solid red}
  8. overflow-y: visible не работает если overflow-x: hidden

    Совсем запутался. Должно работать так как в примере, но только без скроллбара, или еще как-то?
  9. overflow-y: visible не работает если overflow-x: hidden

    тогда вот: /* хром, сафари */ .element::-webkit-scrollbar { width: 0; } /* ie 10+ */ .element { -ms-overflow-style: none; } /* фф (свойство больше не работает, других способов тоже нет)*/ .element { overflow: -moz-scrollbars-none; } только вроде некорректно работает в мобильных браузерах. либо с помощью JS, вот статейка: https://habrahabr.ru/company/2gis/blog/169359/
  10. overflow-y: visible не работает если overflow-x: hidden

    <div class="carousel"> <div class="carousel-page-wrapper" style="transform: translateX(0);"> absolute element here displays not as expected (scrollbar in container appears) <div class="absolute-element"></div> </div> </div> .carousel { position: relative; padding: 1em; border: solid 1px blue; overflow: hidden; height: 30px; } .carousel-page-wrapper{ overflow:auto; width: 100%; height: 100%; padding: 0 35px 0 0; } .absolute-element { position: absolute; width: 200px; height: 200px; border: solid 3px darkred; background-color: red; } Песочница
  11. Не работает мобильное меню

    уберите у .menu ul li display: inline-block;
  12. ul li бутерброд без js

    тогда через input: <label for="menu">Menu</label> <input id="menu" type="checkbox"> <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> </ul> #menu, ul{display:none} ul{list-style:none;} #menu:checked + ul{display:block}
  13. Не работает мобильное меню

    jquery тут не виноват, если его подключить все равно работать не будет, ошибки в наименовании классов, может и еще в чем, не смотрел, но сначала нужно классы правильно расставить
  14. ul li бутерброд без js

    Так уберите лишние пункты, в чем проблема то? Принцип и с подменю можно понять Изначально пункты меню скрыты, при наведении на кнопку меню прописываются стили на показ содержимого меню Если грубо то вот так: <ul>Menu<li></li> <li>1</li> <li>2</li> <li>3</li> <li>4</li> </ul> ul{list-style:none} li{display:none} ul:hover li{display:block}
  15. Не работает мобильное меню

    Извиняюсь, menu_state_open, добавлется ведь при помощи js. Могу посоветовать только внимательнее копировать стили css и структуру html , присмотритесь, какие классы у вас указаны в стилях, и какие в html.