Alok
-
Posts
7 -
Joined
-
Last visited
Recent Profile Visitors
574 profile views
Alok's Achievements
Explorer (1/14)
0
Reputation
-
Как с помощью CSS и HTML показать только часть картинки
Alok replied to Alok's question in HTML Coding
Уфф... вроде бы сделал! http://jsfiddle.net/qso14y3k/56/ -
Как с помощью CSS и HTML показать только часть картинки
Alok replied to Alok's question in HTML Coding
Вот как должно быть https://youtu.be/putpGH4nL4M Здесь я использую два рисунка. Верхний - исходник, а нижний делаю в фотошопе. А задача сделать все из одного. Так же правильнее будет?! Там правда у меня еще таблица (две вертикальных пары картинок)... но мне хотя бы просто в одном варианте (одну вертикальную пару), а дальше я и сам справлюсь) -
Можно ли вывести на экран обрезанную картинку, используя только html и css, но при этом, не используя (float: left) Необходимо центрировать и масштабировать картинку по экрану и, желательно, сохранить радиусы и тени. В примере ниже используются два изображения: Верхнее - 1600х900 (размеры всегда такие) Нижнее - 800х900 (размеры всегда такие) - т.е. ровно половина от первого рисунка со смещением от левого края на Х пикселей. Можно ли не загружать для этого два изображения, а для отображения второго рисунка использовать только первый с указанием отступа Х от левого края? То, что должно получиться - на картинке с тигром. Помогите, у кого есть время. Я нашел варианты, но они не дают возможности сжимать картинку с % от ширины экрана. Буду очень благодарен за помощь!
-
Спасибо за подробные инструкции. Буду осваивать.
-
В самом начале ТЗ такие пункты: Базовые требования Платформы: Windows, Mac OS X. Браузеры IE8 и вышеChrome последние 2 версииFirefox последнии 2 версииOpera последнии 2 версии (на базе движка Blink)Safari последнии 2 версииПодскажите, пожалуйста, возможно ли технически совместить проверку на эти операционные системы и браузеры на одной рабочей станции? Какими средствами это осуществляется? Буду очень благодарен за ссылку на подробное описание этого вопроса. И еще вопрос. После написание ТЗ прошло уже полтора года. Список требуемых браузеров остается по прежнему актуальным на сегодняшний день? IE8 вроде как уже меньше полпроцента пользуются.
-
Хм... вот как мне самому не пришло это в голову? Все понял. Большое спасибо!
-
Здравствуйте! Все мозги сломал уже. Поднимаю с помощью margin блок div, содержимое блока идет сверху, а сам блок со своим бекграунд-колором прячется под картинку. https://www.youtube.com/watch?v=ZEmcwyijGLM&feature=youtu.be Понимаю, что вопрос плевый, и решение простое, но уже выбился из сил его искать. Помогите пожалуйста. Нужно что-бы блок полностью был на фоне картинки. Вот код (выбросил все ненужное, оставил саму суть): HTML <!DOCTYPE html><html> <head><title>qqq</title><link rel="stylesheet" type="text/css" href="styles.css" /><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head> <body><div><img src="field.jpg" alt="field" /></div><div class="black"><p>qqq</p></div></body></html> CSS .black{background-color: #000;color: #f0f;height: 40px;margin: -46px 0 0 20px;text-align: center;width: 310;}