Alok
-
Posts
7 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Posts posted by Alok
-
-
Вот как должно быть https://youtu.be/putpGH4nL4M
Здесь я использую два рисунка. Верхний - исходник, а нижний делаю в фотошопе. А задача сделать все из одного. Так же правильнее будет?!
Там правда у меня еще таблица (две вертикальных пары картинок)... но мне хотя бы просто в одном варианте (одну вертикальную пару), а дальше я и сам справлюсь) -
Можно ли вывести на экран обрезанную картинку, используя только html и css, но при этом, не используя (float: left)
Необходимо центрировать и масштабировать картинку по экрану и, желательно, сохранить радиусы и тени.
В примере ниже используются два изображения:
Верхнее - 1600х900 (размеры всегда такие)
Нижнее - 800х900 (размеры всегда такие) - т.е. ровно половина от первого рисунка со смещением от левого края на Х пикселей.
Можно ли не загружать для этого два изображения, а для отображения второго рисунка использовать только первый с указанием отступа Х от левого края?То, что должно получиться - на картинке с тигром.
Помогите, у кого есть время. Я нашел варианты, но они не дают возможности сжимать картинку с % от ширины экрана. Буду очень благодарен за помощь!Скрытый текст=html=
<div class="full"><img src="http://s018.radikal.ru/i510/1607/6d/a1b9bcc9aaf0.jpg"></div>
</br></br>
<div class="full"><img src="http://i062.radikal.ru/1607/6d/d3f19ba9c588.jpg"></div>=css=
.full {
width: 25%;
border-radius: 5%;
box-shadow: -2px -2px 6px 2px rgba(0,0,0,0.99), 2px 2px 6px 2px rgba(255,255,255,0.35), inset 2px 2px 6px rgba(0,0,0,0.99), inset -2px -2px 6px rgba(255,255,255,0.35);
margin: 0 auto;
}.full img {
border-radius: 5%;
vertical-align: middle;
position: relative;
width: 100%;
height: 100%;
z-index: -1;
} -
Спасибо за подробные инструкции. Буду осваивать.
-
В самом начале ТЗ такие пункты:
Базовые требования
Платформы: 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;}
Как с помощью CSS и HTML показать только часть картинки
in HTML Coding
Posted
Уфф... вроде бы сделал!
http://jsfiddle.net/qso14y3k/56/