perec200

По-моему, немножечко не всё в порядке со значением атрибутов координат при позиционировании через calc. Особенно при работе с "мобильными" браузерами. Я думаю, что изначально неправильный подход. ТС, ты какую задачу то решает вообще? Что реализовать надо? Есть сайт, где организатор может добавить своё мероприятие и чтобы показать, как его мероприятие будет отображаться в нашем приложении на телефоне было решено показывать смартфон слева и при заполнении полей, будет заполняться поля в самом приложении (эмулятор который на сайте). Я решил реализовать следующим образом, но левый блок резина т. к. использую bootstrap, то есть стили в которые я не лезу и мне нужно, чтобы телефон подстраивался под ширину левого блока, верхняя и нижняя часть смартфона подстраиваются под блок, но левая и правая рамка нет. https://jsfiddle.net/yh54870L/

Непонятно, как при изменении ширины блока высчитывать ширину экрана смартфона, через % или js? И при попытке позиционирования сдвигаются все блоки. https://jsfiddle.net/7sse78pc/1/

Как сделать, чтобы внутри экрана можно было сверстать какие-то элементы?

Вот эта идею отличная!

Если убрать слова из блока, то пропадает изображение https://jsfiddle.net/wjt96w2t/2/

Добрый день? Как сделать, чтобы картинка в фоне выводилась полностью по высоте, по ширине она принимает значения блока родителя и прекрасно адаптируется, но как установить корреляцию по высоте от изменения ширины блока, т. к. при разных экранах блок в котором находится айфон изменяется. Если обычной картинки прописать в html width="100%", то она в зависимости от ширины блока изменяется и по высоте. https://jsfiddle.net/wjt96w2t/

Решил задать нужный стиль номерам задач, т. е. выставить по горизонтали, но пропала зависимость контента от информации (см. скриншот). Вообще не в первый раз сталкиваюсь с такой проблемой, с чем вызвано эта проблема, ведь интуитивно понятно, что контент, от имеющийся информации, должен увеличиваться, если я не хочу этого, то задаю конкретные размеры по высоте, разве я не прав? http://jsfiddle.net/1ty2mdsm/

Хорошо, но как сделать зависимость красной линии от самого длинного блока?

Решил проблему только с параллельностью, через background. #left { background:silver; float:left; width: 80%; background-image:url(/img/line.jpg); background-repeat: repeat-y; background-position: 100%;}

Нужна блочная вёрстка.

Добрый день. Нужно расположить два блока параллельно относительно друг друга, с этим я справился скриншот ниже: Но дальше нужно добавить линию, которая будет идти до самого низа, скриншот ниже: (Добавил обводку и параллельность блоков пропала) Но даже если добавить обводку к какому-либо блоку, то этого будет не достаточно, т.к. один из блоков может быть длиннее или короче в результате чего линия не будет идти до самого низа, ниже пример, что я пытался донести: И ссылочка на код http://jsfiddle.net/6qfg1vm8/ Ка быть, господа?

Как сделать наложение backgroun поверх картинки? В последствии через javascript реализую его исчезновение. http://jsfiddle.net/32zrhdfe/

Как убрать линии? http://jsfiddle.net/a254ktu2/

Добрый вечер. В блоке изображений, не влезающий кадр должен не переноситься на следующую строку, а обрезаться. Проблему решил, но частично к примеру при установке блоку ширины в 460px второе изображение обрезается, но если я ставлю размер в 660px, то картинка переносится, а не обрезается. Пример: http://jsfiddle.net/x68u40th/ Проблему решил, установив ширину в 100% Но снизу по прежнему видно изображение.

Добрый вечер. Мне нужно для разных id задать одинаковые пересекающиеся свойства. Как это реализовать, через запятую перечисляются стандартные селекторы наподобие {body, hr, h1 и.т.д}, но для id и class это неприменимо.

Добрый вечер. Буду благодарен тому кто поможет, сместить меню из верхнего положения шапки в нижнее. Спасибо! http://jsfiddle.net/y8cmbg32/

Добрый вечер! После просмотра очередного сайта, где меню изменялось от ширины экрана, возник вопрос "Как сделать Адаптивное меню?". Допустим, при просмотре с большого экрана можно увидеть во всю длину горизонтальное меню, а при просмотре с маленького экрана горизонтальное меню преобразовывается в раскрывающийся\закрывающийся список. Вопрос: Как такое меню сверстать, какие методы при этом использовать? Пример: Зажав клавишу Ctrl + прокручивая колесико мыши, можно видеть как меню видоизменяется.

Спасибо, за дополнительную реализацию.

Спасибо Действительно эксперт.

http://jsfiddle.net/em1Lhnhr/2/ так понятнее будет Нужно сделать зависимость не по ширине, а по высоте.

Контент всегда зависит от внутри написанного текста по высоте, но когда вставляю картинку контент как был 10px так и остался. Как сделать, чтобы контент изменялся в зависимости от вставленного изображения? Код: http://jsfiddle.net/em1Lhnhr/2/ Заранее спасибо!

Спасибо!

Здравствуйте! Как выровнять блок по середине относительно двух крайних? На codepen лежит свёрстанный слайдер у которого красный блок прижимается к левому, как мне его выставить по середине относительно двух? http://codepen.io/anon/pen/XJVKNg Спасибо!

Пиксель минимальная единица

Потому что, я только начал изучать. А разве контент растягивается только от текста по картинки он не может? Может, но они должны лежать вместе. В таком случае картинка потянет за собой блок А какие сейчас правила оформления кода? В продолжении темы: Размер контента 1022px, блок с текстом 700px (в левой части), и блок содержащий картинку 322px (в правой части). Как мне засунуть два блока в контент, но при этом, чтобы контент растягивался от каждого блока?