AlexZaw

Expert
  • Content count

    604
  • Joined

  • Last visited

  • Days Won

    49

Everything posted by AlexZaw

  1. Не может. Все это легко делается с помощью html+css
  2. Код не смотрел, но вам нужно либо прописать тег viewport, либо познакомиться с медиа запросами
  3. Нужно просто знать как работают отрицательные маржины 🙂 У меня решение заняло чуть больше времени. Но я искал решение без использования дополнительного div. Единственный минус - не работает в IE6, но ведь в условии про него ничего и не сказано, верно? 🙂 Если бы до меня это сразу дошло, решил бы быстрее, а так где -то минут за 40 управился. Причем я не сказал бы что я хорошо разбираюсь в верстке 🙂 .columns { width: 100%; overflow: hidden; } .sidebar-left { width: 300px; float: left; } .sidebar-right { width: 300px; float: right; } .content{ width: 100%; float: left; box-sizing: border-box; padding-left: 300px; padding-right: 300px; margin-right: -100%; }
  4. С гаданиями по фотографии это не сюда, а к гадалке. Всегда пожалуйста.
  5. В верстке, в подавляющем большинстве случаев, нет единственно правильных решений. С одной стороны, для того что-бы не раздувать код, нужно делать якорь на тот тег на который отправляет ссылка. Но, с другой стороны, а если завтра этот тег поменяется, например, с параграфа на заголовок? Тогда выходит правильнее сделать пустой якорный тег 🙂
  6. попробуйте почитать здесь: http://qaru.site/questions/2898/cross-domain-iframe-issue/25767349#25767349
  7. а почему он должен что то видеть и кто решил что блок с текстом это "основной" блок? У вас абсолютно позиционированный родитель, а значит он принимает ширину контента. У input type="text" ширина по умолчанию равна 169px, плюс добавляем ширину кнопок по бокам, плюс бордер. Все вместе задает ширину для блока cont, так как является наиболее широким блоком. Ну а див с текстом просто растягивается по этой ширине, так как по умолчанию у дива ширина 100% В случае же замены инпута на див, самым широким становится именно блок с текстом, поэтому cont и становится уже
  8. AlexZaw

    ищу наставника

    Вы бы, для начала, рассказали что умеете, а то может вам с азов нужно все рассказывать 🙂
  9. Просто привык к ES5 🙂 Можно без проблем все var заменить на let, ну а const, на мой взгляд, здесь вообще негде использовать.
  10. var render = document.querySelector('[data-action="render"]'); var destroy = document.querySelector('[data-action="destroy"]'); var boxes = document.getElementById("boxes"); render.addEventListener("click", getAmount); destroy.addEventListener("click", destroyBoxes); function getAmount() { var amount = +document.querySelector("#controls input").value; createBoxes(amount); } function createBoxes(amount) { var basicSize = 30; var fragment = document.createDocumentFragment(); for (var i = 0; i < amount; i++) { var size = basicSize + i * 10; var div = document.createElement("div"); div.style.cssText = `width: ${size}px; height: ${size}px; background-color: rgba( ${random()} , ${random()} , ${random()} )`; fragment.appendChild(div); } boxes.appendChild(fragment); } function destroyBoxes() { boxes.innerHTML = ""; } function random() { return Math.floor(Math.random() * 256); }
  11. Может я что-то не так делаю, но у меня, по приведенной ссылке, все работает 🙂 Единственно что страница по ссылке this link недоступна
  12. Повторюсь. В приведенном вами коде все прекрасно работает. Проблема в другом месте. Покажите проблемный код
  13. Покажите код. У вас либо где-то заданы ширины ячеек, либо какая-то из ячеек в другом ряду растягивает остальные.
  14. Две ячейки таблицы, с выравниванием по верху, в левой картинка, в правой текст. Или я что то не понимаю?
  15. Все прекрасно работает, проблема где то в другом месте
  16. С изучения html и css 🙂
  17. Если свойства нет в спецификации, то откуда его возьмет браузер? Даже если в каком то одном из браузеров введут это свойство то смысла его использовать все-равно не будет, так как в остальных оно работать не будет 🙂 Тогда бардак творился, DHTML, разные объектные модели и все дела. У netscape действительно была такая фича. Хотя не факт что она работала. Вот тут https://www.uv.es/jordi/v3/html/dynhtml/dynamic.pdf можно увидеть что float:center; присутствует в коде, но следом написано что элементы можно выровнять с помощью float слева или справа, или с помощью js по центру. Также в книге указаны допустимые значения для float - left, right, none. Так что это скорее всего была запланированная возможность, которая не получила реализации.
  18. Это фейк, достаточно посмотреть документацию чтобы увидеть какие значения может принимать float. Ну и ссылка на имитацию: https://css-tricks.com/float-center/
  19. AlexZaw

    Помогите найти причину

    Вы про Zeplin? Так он тоже 100% точности не дает. Особенно если какой-то "одаренный" дизайнер перетаскивал слова с место на место, ну или просто промахнулся с сеткой. Да и сам фотошоп может написать что вес шрифта 400, хотя на макете четко видно что шрифт жирный/полужирный.
  20. AlexZaw

    Помогите найти причину

    Смотрите letter-spacing, line-height, возможно нужно поиграть с word-spacing. Так же есть вариант того, что дизайнер промахнулся с размерами, и некоторые слова выходят за границы сетки 🙂
  21. AlexZaw

    Учебники flexbox

    https://www.google.ru
  22. AlexZaw

    Вопрос от чайника №2

    @rasmus Тег <p> в семантике означает параграф текста. Чем его использование в форме противоречит семантике? С семантикой input сложнее. Да, изначально они были созданы для использования в формах, но, imho, с развитием веб стоило бы пересмотреть их семантическое значение. Возьмем к примеру распространенный случай. Есть сайты с калькулятором для расчета чего либо. С одной стороны можно завернуть этот калькулятор в форму, хотя бы для того, что-бы сделать кнопку сброса, но, с другой стороны, эта кнопка очень редко когда предусмотрена в дизайне. Да и данные в этом калькуляторе предназначены только для пользователя и не отправляются на сервер, а значит использование <form> будет тоже семантически неверным, ведь форма предназначена для отправки данных, а у нас никакие данные не передаются. Так что не все так однозначно...
  23. Да не за что. Я ведь вас только направил в нужное русло, остальное вы сделали сами 🙂 Ну а со стрелочкой самому интересно повозиться было 🙂
  24. Сильно в код не вникал, но в целом да. Сами видите насколько код меньше и чище получился 🙂