AlexZaw

Expert
  • Content count

    529
  • Joined

  • Last visited

  • Days Won

    37

AlexZaw last won the day on March 10

AlexZaw had the most liked content!

Community Reputation

77 Хорошая

6 Followers

About AlexZaw

  • Rank
    Активный участник
  • Birthday 12/03/1978

Information

  • Sex
    мужской
  • From
    Томск
  • Interests
    Верстка, книги, EVE Online :)

Recent Profile Visitors

1,438 profile views
  1. Так в чем проблема попробовать? Хоть от хтмл начинайте и классы с id присваивайте для всех родителей - не поможет. Ибо инлайн стиль перебить можно только с !important (ну или пользовательскими настройками), ну а так как !important есть в инлайн стиле то, по условию задачи, только js
  2. Ну и умеете же вы темы называть... :) Ну а если серьезно, то в данном cлучае только js
  3. Ноликов в зарплате не маловато? :) При таких то требованиях.
  4. var formComment = document.querySelector('.write-comment'); formComment.innerHTML = '<b>' + userName + ',' + '</b>' + '&nbsp;'; formComment.appendChild(userNameHtml); Можно так: <p id='aaa' style=" padding: 10px; background: white; width: 50%;" contenteditable="true" class="write-comment"></p> <button id="btn">Click me</button> var userName = "Vasya Pupkin"; btn.onclick = function () { var formComment = document.querySelector(".write-comment"); formComment.innerHTML = "<b>" + userName + "</b>" + ", "; formComment.focus(); var sel = window.getSelection(); var range = document.createRange(); range.setStart(formComment, formComment.childNodes.length); range.collapse(true); sel.removeAllRanges(); sel.addRange(range); };
  5. AlexZaw

    не работают табы

    console.log('лик по табу');
  6. На днях была точно такая же тема:
  7. Попробуйте адаптировать ваш код для мобильных устройств с разным расширением. С учетом того что количество текста напротив "строк" с картинками может быть разным (количество строк тоже, кстати, может меняться). Желательно еще что бы, промежуточные от основных разрешения, тоже выглядели бы прилично и не рассыпались как попало. Если получиться сделать это с легкостью - все нормально. Если же возникнут трудности, то так делать не стоит :) Я конечно придираюсь, и задаю сложные задачи для начинающего, но, в будущем, все это вам придется учитывать.
  8. Примерно так можно: <div class="wrap"> <ul> <li> <div class="empty"></div> <img src="http://placekitten.com/200"> <div class="text">Lorem ipsum dolor sit amet consectetur adipisicing elit. Officia repudiandae earum vero fuga maxime deleniti tempora debitis nulla ullam asperiores, eaque dolorum ex facilis soluta, neque suscipit. Dolor, dolores maxime.</div> </li> <li> <div class="empty"></div> <img src="http://placekitten.com/200"> <div class="text">Lorem ipsum dolor sit amet consectetur adipisicing elit. Officia repudiandae earum vero fuga maxime deleniti tempora debitis nulla ullam asperiores, eaque dolorum ex facilis soluta, neque suscipit. Dolor, dolores maxime.</div> </li> <li> <div class="empty"></div> <img src="http://placekitten.com/200"> <div class="text">Lorem ipsum dolor sit amet consectetur adipisicing elit. Officia repudiandae earum vero fuga maxime deleniti tempora debitis nulla ullam asperiores, eaque dolorum ex facilis soluta, neque suscipit. Dolor, dolores maxime.</div> </li> </ul> </div> .wrap { border: 1px solid #000; max-width: 800px; margin: 0 auto; } ul { display: flex; flex-direction: column; list-style: none; padding: 0; } li { display: flex; align-items: center; } li * { width: 33.33%; } li:nth-child(odd) { direction: rtl; text-align: right; } img { border-radius: 50%; vertical-align: middle; }
  9. Сделайте плюсик отдельным блоком или с помощью псевдоэлемента и залейте фон градиентом
  10. Зачем? Используйте обычный div, и внутри него уже расположите кнопку
  11. Если вы сделаете активным другой пункт меню, то будет тоже самое, так что это не Home виноват :) Это пустое место, как и "большой паддинг" образуется из-за дефолтных отступов между инлайновыми элементами. Задайте для .main-menu размер шрифта ноль, а для .main-menu li установите нужный размер шрифта. Сразу же пропадут лишние отступы
  12. Вы бы хоть указали в каком редакторе вы пытаетесь установить emmet. Вот тогда, тот кто пользуется таким-же редактором, вам может подсказать где эта консоль. А вообще, может быть, что это просто проблемы с доступом к серверу где находится плагин и все заработает через какое то время :)
  13. document.getElementById("cell1").innerHTML=document.getElementById("cell1").innerHTML+"A";
  14. А вот так не проще? <span class="hider"> Я родительский hider. <a href="http://google.com">Эту ссылку должно быть видно.</a> Я продолжение родительского hider. <span class="hider"> Я дочерний hider. <a href="http://google.com" class="bold">Меня не должно быть видно при наведении курсора на родителя.</a> Я дочерний hider. </span> Я продолжение родительского hider. </span> .hider { background-color: gray; padding: 7px; line-height: 1.5em; } .hider, .hider a{ color: transparent; } .bold{ font-weight: bold; } .hider:hover{ color: #000; } .hider:hover > a { color:blue } Плюсы: Работает во всех браузерах Со 100% вероятностью будет использован нужный цвет, а не цвет по умолчанию или цвет родителя. Минусы: Чуть увеличивается код. Вроде все :)
  15. Попробуйте почитать вот тут: https://code.visualstudio.com/docs/editor/emmet Возможно отключилась какая-то из настроек