Jump to content

perec200

Newbie
  • Posts

    29
  • Joined

  • Last visited

perec200's Achievements

Explorer

Explorer (1/14)

1

Reputation

  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 это неприменимо.
×
×
  • 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