Image по ширине

« : 18.02.2016, 09:46:48 »

Здравствуйте, подскажите, хочу растянуть картинку по ширине, чтобы она растягивалась под разное разрешение. Может конечно по колхозному делаю!

Записан

« Ответ #1 : 18.02.2016, 10:33:58 »

Собственно со скринов ничего не ясно. Что мешает прописать

Код: css


img{
    max-width: 100%;
}

Записан

Не задав правильный вопрос, невозможно получить правильный ответ.
Для "спасибок" существует кнопочка "+".

« Ответ #2 : 18.02.2016, 11:36:12 »

Не красиво получается, размер изображения 1920х1080 я как понял надо саму картинку через фотошоп изготовить

Записан

« Ответ #3 : 20.02.2016, 11:37:03 »

это делается не через img

Код: html4strict


<a class="img-link" href="/" style="background-image:url('/images/gl.png')"></a>

Код: css


.img-link
{
	display: block;
	max-height: 500px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

если вы все же желаете оставить img внутри ссылки (для сео например), то просто скройте его, такого некрасивого:

Код: css


.img-link img
{
	opacity: 0;
	visibility: hidden;
}

« Последнее редактирование: 20.02.2016, 11:43:38 от AlekVolsk »

Записан

vertical-align при разной ширине экрана Автор valexi1980	Ответов: 1 Просмотров: 1993	05.12.2021, 05:52:51 от effrit
Код в теге ссылки для изменение background-image с помощью onmouseover Автор Bozhkov2	Ответов: 5 Просмотров: 1452	19.12.2018, 16:56:48 от Bozhkov2
Как выровнять тексты по ширине? Автор alexanderuss	Ответов: 8 Просмотров: 1877	24.02.2016, 18:51:41 от alexanderuss
Как сделать разные по ширине страницы сайта? Автор ingavr	Ответов: 4 Просмотров: 1447	03.06.2015, 10:12:31 от flyingspook
Как лучше реализовать выделение объекта в JA Image Hotspot? Автор deminevgen	Ответов: 0 Просмотров: 1965	28.05.2015, 16:41:41 от deminevgen

Image по ширине - Вопросы по CSS