AlexZaw
-
Content count
604 -
Joined
-
Last visited
-
Days Won
49
Everything posted by AlexZaw
-
Не может. Все это легко делается с помощью html+css
-
position: absolute; и position: relative; для мобильной версии сайта
AlexZaw replied to marizza40's topic in Для начинающих
Код не смотрел, но вам нужно либо прописать тег viewport, либо познакомиться с медиа запросами -
Нужно просто знать как работают отрицательные маржины 🙂 У меня решение заняло чуть больше времени. Но я искал решение без использования дополнительного 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%; }
-
Как расположить изображение и текст по левому и правому краю. В заголовке
AlexZaw replied to digenis's topic in Для начинающих
Так расположите картинку внутри слова. Логично же. Наглядно в архиве: index.rar -
С гаданиями по фотографии это не сюда, а к гадалке. Всегда пожалуйста.
-
В верстке, в подавляющем большинстве случаев, нет единственно правильных решений. С одной стороны, для того что-бы не раздувать код, нужно делать якорь на тот тег на который отправляет ссылка. Но, с другой стороны, а если завтра этот тег поменяется, например, с параграфа на заголовок? Тогда выходит правильнее сделать пустой якорный тег 🙂
-
попробуйте почитать здесь: http://qaru.site/questions/2898/cross-domain-iframe-issue/25767349#25767349
-
Flex-контейнер с input элементами расширяет границы основного блока
AlexZaw replied to sarcus's topic in Для начинающих
а почему он должен что то видеть и кто решил что блок с текстом это "основной" блок? У вас абсолютно позиционированный родитель, а значит он принимает ширину контента. У input type="text" ширина по умолчанию равна 169px, плюс добавляем ширину кнопок по бокам, плюс бордер. Все вместе задает ширину для блока cont, так как является наиболее широким блоком. Ну а див с текстом просто растягивается по этой ширине, так как по умолчанию у дива ширина 100% В случае же замены инпута на див, самым широким становится именно блок с текстом, поэтому cont и становится уже -
Вы бы, для начала, рассказали что умеете, а то может вам с азов нужно все рассказывать 🙂
-
Как написать скрипт создания и очистки коллекции элементов.
AlexZaw replied to misinkevych.alina's topic in Общий
Просто привык к ES5 🙂 Можно без проблем все var заменить на let, ну а const, на мой взгляд, здесь вообще негде использовать. -
Как написать скрипт создания и очистки коллекции элементов.
AlexZaw replied to misinkevych.alina's topic in Общий
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); } -
Может я что-то не так делаю, но у меня, по приведенной ссылке, все работает 🙂 Единственно что страница по ссылке this link недоступна
-
Повторюсь. В приведенном вами коде все прекрасно работает. Проблема в другом месте. Покажите проблемный код
-
Покажите код. У вас либо где-то заданы ширины ячеек, либо какая-то из ячеек в другом ряду растягивает остальные.
-
Две ячейки таблицы, с выравниванием по верху, в левой картинка, в правой текст. Или я что то не понимаю?
-
Все прекрасно работает, проблема где то в другом месте
-
С изучения html и css 🙂
-
Если свойства нет в спецификации, то откуда его возьмет браузер? Даже если в каком то одном из браузеров введут это свойство то смысла его использовать все-равно не будет, так как в остальных оно работать не будет 🙂 Тогда бардак творился, DHTML, разные объектные модели и все дела. У netscape действительно была такая фича. Хотя не факт что она работала. Вот тут https://www.uv.es/jordi/v3/html/dynhtml/dynamic.pdf можно увидеть что float:center; присутствует в коде, но следом написано что элементы можно выровнять с помощью float слева или справа, или с помощью js по центру. Также в книге указаны допустимые значения для float - left, right, none. Так что это скорее всего была запланированная возможность, которая не получила реализации.
-
Это фейк, достаточно посмотреть документацию чтобы увидеть какие значения может принимать float. Ну и ссылка на имитацию: https://css-tricks.com/float-center/
-
Вы про Zeplin? Так он тоже 100% точности не дает. Особенно если какой-то "одаренный" дизайнер перетаскивал слова с место на место, ну или просто промахнулся с сеткой. Да и сам фотошоп может написать что вес шрифта 400, хотя на макете четко видно что шрифт жирный/полужирный.
-
Смотрите letter-spacing, line-height, возможно нужно поиграть с word-spacing. Так же есть вариант того, что дизайнер промахнулся с размерами, и некоторые слова выходят за границы сетки 🙂
- 5 replies
-
- 1
-
-
- начинающий
- text
- (and 2 more)
-
https://www.google.ru
-
@rasmus Тег <p> в семантике означает параграф текста. Чем его использование в форме противоречит семантике? С семантикой input сложнее. Да, изначально они были созданы для использования в формах, но, imho, с развитием веб стоило бы пересмотреть их семантическое значение. Возьмем к примеру распространенный случай. Есть сайты с калькулятором для расчета чего либо. С одной стороны можно завернуть этот калькулятор в форму, хотя бы для того, что-бы сделать кнопку сброса, но, с другой стороны, эта кнопка очень редко когда предусмотрена в дизайне. Да и данные в этом калькуляторе предназначены только для пользователя и не отправляются на сервер, а значит использование <form> будет тоже семантически неверным, ведь форма предназначена для отправки данных, а у нас никакие данные не передаются. Так что не все так однозначно...
-
Да не за что. Я ведь вас только направил в нужное русло, остальное вы сделали сами 🙂 Ну а со стрелочкой самому интересно повозиться было 🙂
-
Сильно в код не вникал, но в целом да. Сами видите насколько код меньше и чище получился 🙂
