Jump to content

perec200

Newbie
  • Posts

    29
  • Joined

  • Last visited

Everything posted by perec200

  1. По-моему, немножечко не всё в порядке со значением атрибутов координат при позиционировании через calc. Особенно при работе с "мобильными" браузерами. Я думаю, что изначально неправильный подход. ТС, ты какую задачу то решает вообще? Что реализовать надо? Есть сайт, где организатор может добавить своё мероприятие и чтобы показать, как его мероприятие будет отображаться в нашем приложении на телефоне было решено показывать смартфон слева и при заполнении полей, будет заполняться поля в самом приложении (эмулятор который на сайте). Я решил реализовать следующим образом, но левый блок резина т. к. использую bootstrap, то есть стили в которые я не лезу и мне нужно, чтобы телефон подстраивался под ширину левого блока, верхняя и нижняя часть смартфона подстраиваются под блок, но левая и правая рамка нет. https://jsfiddle.net/yh54870L/
  2. Непонятно, как при изменении ширины блока высчитывать ширину экрана смартфона, через % или js? И при попытке позиционирования сдвигаются все блоки. https://jsfiddle.net/7sse78pc/1/
  3. Как сделать, чтобы внутри экрана можно было сверстать какие-то элементы?
  4. Если убрать слова из блока, то пропадает изображение https://jsfiddle.net/wjt96w2t/2/
  5. Добрый день? Как сделать, чтобы картинка в фоне выводилась полностью по высоте, по ширине она принимает значения блока родителя и прекрасно адаптируется, но как установить корреляцию по высоте от изменения ширины блока, т. к. при разных экранах блок в котором находится айфон изменяется. Если обычной картинки прописать в html width="100%", то она в зависимости от ширины блока изменяется и по высоте. https://jsfiddle.net/wjt96w2t/
  6. Решил задать нужный стиль номерам задач, т. е. выставить по горизонтали, но пропала зависимость контента от информации (см. скриншот). Вообще не в первый раз сталкиваюсь с такой проблемой, с чем вызвано эта проблема, ведь интуитивно понятно, что контент, от имеющийся информации, должен увеличиваться, если я не хочу этого, то задаю конкретные размеры по высоте, разве я не прав? http://jsfiddle.net/1ty2mdsm/
  7. Хорошо, но как сделать зависимость красной линии от самого длинного блока?
  8. Решил проблему только с параллельностью, через background. #left { background:silver; float:left; width: 80%; background-image:url(/img/line.jpg); background-repeat: repeat-y; background-position: 100%;}
  9. Добрый день. Нужно расположить два блока параллельно относительно друг друга, с этим я справился скриншот ниже: Но дальше нужно добавить линию, которая будет идти до самого низа, скриншот ниже: (Добавил обводку и параллельность блоков пропала) Но даже если добавить обводку к какому-либо блоку, то этого будет не достаточно, т.к. один из блоков может быть длиннее или короче в результате чего линия не будет идти до самого низа, ниже пример, что я пытался донести: И ссылочка на код http://jsfiddle.net/6qfg1vm8/ Ка быть, господа?
  10. Как сделать наложение backgroun поверх картинки? В последствии через javascript реализую его исчезновение. http://jsfiddle.net/32zrhdfe/
  11. Как убрать линии? http://jsfiddle.net/a254ktu2/
  12. Добрый вечер. В блоке изображений, не влезающий кадр должен не переноситься на следующую строку, а обрезаться. Проблему решил, но частично к примеру при установке блоку ширины в 460px второе изображение обрезается, но если я ставлю размер в 660px, то картинка переносится, а не обрезается. Пример: http://jsfiddle.net/x68u40th/ Проблему решил, установив ширину в 100% Но снизу по прежнему видно изображение.
  13. Добрый вечер. Мне нужно для разных id задать одинаковые пересекающиеся свойства. Как это реализовать, через запятую перечисляются стандартные селекторы наподобие {body, hr, h1 и.т.д}, но для id и class это неприменимо.
  14. Добрый вечер. Буду благодарен тому кто поможет, сместить меню из верхнего положения шапки в нижнее. Спасибо! http://jsfiddle.net/y8cmbg32/
  15. Добрый вечер! После просмотра очередного сайта, где меню изменялось от ширины экрана, возник вопрос "Как сделать Адаптивное меню?". Допустим, при просмотре с большого экрана можно увидеть во всю длину горизонтальное меню, а при просмотре с маленького экрана горизонтальное меню преобразовывается в раскрывающийся\закрывающийся список. Вопрос: Как такое меню сверстать, какие методы при этом использовать? Пример: Зажав клавишу Ctrl + прокручивая колесико мыши, можно видеть как меню видоизменяется.
  16. Спасибо, за дополнительную реализацию.
  17. http://jsfiddle.net/em1Lhnhr/2/ так понятнее будет Нужно сделать зависимость не по ширине, а по высоте.
  18. Контент всегда зависит от внутри написанного текста по высоте, но когда вставляю картинку контент как был 10px так и остался. Как сделать, чтобы контент изменялся в зависимости от вставленного изображения? Код: http://jsfiddle.net/em1Lhnhr/2/ Заранее спасибо!
  19. Здравствуйте! Как выровнять блок по середине относительно двух крайних? На codepen лежит свёрстанный слайдер у которого красный блок прижимается к левому, как мне его выставить по середине относительно двух? http://codepen.io/anon/pen/XJVKNg Спасибо!
  20. Пиксель минимальная единица
  21. Потому что, я только начал изучать. А разве контент растягивается только от текста по картинки он не может? Может, но они должны лежать вместе. В таком случае картинка потянет за собой блок А какие сейчас правила оформления кода? В продолжении темы: Размер контента 1022px, блок с текстом 700px (в левой части), и блок содержащий картинку 322px (в правой части). Как мне засунуть два блока в контент, но при этом, чтобы контент растягивался от каждого блока?
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy