Search the Community

Доброго всем дня! Подскажите, пожалуйста, начинающему верстальщику. Как сделать подобное в строку и что бы крайние изображение растягивались на всю ширину экрана, в зависимости от того, какое разрешение у пользователя. К слову, может есть способы не картинками, а блоками сделать подобное? Скриншот прилагаю.

Привет, подскажите пожалуйста, как мне сделать рамку вокруг изображения, между которыми можно вставить текст (как подпись к картинке), т.е как в Википедии. Если что, работаю в Sulime text html

Здравствуйте! Помогите, пожалуйста! Есть два блока (div): один с картинкой, а другой с текстом. Нужно реализовать: сначала блок с картинкой должен перекрывать блок с текстом, а потом блок с текстом должен перекрывать блок с картинкой. Для этого я делал в попытке реализации данного эффекта: .image { display: inline-block; Position: absolute; z-index: 1; } @Keyframes block_overlap { from { z-index: 0; } to { z-index: 2 } } .text { display: inline-block; position: absolute; animation-name: block_overlap; animation-duration: 1s; } Данный код не привёл к решению проблемы.

Подскажите, как можно преобразовать растровое изображение в векторное, без потери качества? Изображение вроде не сложное, без высокой детализации... я пробовал использовать трассировку в Adobe Illustrator, но там изображение деформируется, меняется, линии не ровные получаются... Как это можно сделать? Исходное изображение в png и пример в simple.svg - то что получил трассировкой в Illustrator Simple.svg

Подскажите, как можно преобразовать растровое изображение в векторное, без потери качества? Изображение вроде не сложное, без высокой детализации... я пробовал использовать трассировку в Adobe Illustrator, но там изображение деформируется, меняется, линии не ровные получаются... Как это можно сделать? Исходное изображение в png и пример в simple.svg - то что получил трассировкой в Illustrator Simple.svg

Верстаю респонсив. В макете есть вот такой блок Дело в том что при разной ширине экрана действительная высота блоков меняется. На некоторых экранах это выглядит вот так: Т.е. появляется разрыв между верхним и нижним блоком изображений. Как от этого избавиться? Вот здесь сама верстка:

Есть список пользователей. У каждого пользователя свой аватар, с индивидуальными размерами. У кого-то он широкий, но низкий, а у кого-то высокий, но узкий. Как выровнять аватарку у каждого пользователя, чтобы весь список выглядел аккуратно? http://codepen.io/anon/pen/pbJEMg

Приветствую. Не могу понять как расположить картинки на странице таким образом: По центру страницы, три в ряд сверху (340x264), две рядом ниже (510x357), чтобы они плотно прилегали друг к другу и были зафиксированы (не перемешивались, когда меняется размер экрана браузера).

Здравствуйте! Вплотную коснулся проблемы с добавлением изображений когда необходимо добавлять изображения без предварительной обработки и изменения размера изображения. Подобное реализовано к примеру на FancyBox, когда превью картинки обрезается и картинка не искажается в зависимости от пропорций исходной картинки. Хотел бы найти инструмент как реализовать подобное. Вроде как наткнулся на реализацию с помощью php http://recens.ru/php/resize_and_crop.html, имеется ли что-то подобное на js и css?

Заметил прогрессивную загрузку изображений в Google Chrome. Попробуйте открыть эту картинку: http://beta.hstor.org/storage2/7d8/8e0/416/7d88e041690b95897ba69161b3789127.png . Если не успели увидеть эффект, откройте в режиме "Инкогнито", посмотреть ещё раз - закрыть и открыть снова. Нигде об этом не слышал, если кто-то слышал дайте ссылку. Что интересно, работает только на "Habrstorage", может какие заголовки сервера?

Всех приветствую. Сразу скажу, я программист, но в веб-программировании новичок. Я хочу сделать просмотровщик картинок (скриншотов) на CSS без Javascript и jQuery. Перелопатил интернет на эту тему и большую часть подчерпнул из этого блога, а конкретно, из этой темы. Вот, что у меня получилось: Не устраивает режим просмотра. Что требуется: 1). Идеальный вариант. 1.1). Картинка меняет размеры (сохраняя пропорции), чтобы полностью входить на страницу по ширине и высоте. Картинка не растягивается более оригинального размера. 1.2). По клику на картинке, она принимает исходный размер, а на экране появляются горизонтальная и вертикальная полосы прокрутки. 1.3). В п 1.1 и 1.2 картинка не может прижаться к краю экрана, то есть отступы должны быть не менее установленного. 2). Приемлемый вариант. 2.1). Картинка меняет размеры (сохраняя пропорции), чтобы полностью входить на страницу по ширине. Если картинка не входит по высоте, появляется вертикальная полоса прокрутки. Желательно, чтобы картинка не растягивалась более оригинального размера. 2.2). По клику на картинке, она принимает исходный размер, а на экране появляются горизонтальная и вертикальная полосы прокрутки. 2.3). В п 2.1 и 2.2 картинка не может прижаться к краю экрана, то есть отступы должны быть не менее установленного. 3). Фиговенький вариант. 3.1). Картинка имеет исходный размер и полосы прокрутки. Картинка не прижимается к краю экрана, и имеет отступы. P.S. Пробовал сделать то же самое на таблицах, но тоже не получилось... Пинать можно, даже нужно )