0 Пользователей и 1 Гость просматривают эту тему.
  • 3 Ответов
  • 990 Просмотров
*

tauras2008

  • Осваиваюсь на форуме
  • 37
  • 0 / 0
Image по ширине
« : 18.02.2016, 09:46:48 »
Здравствуйте, подскажите, хочу растянуть картинку по ширине, чтобы она растягивалась под разное разрешение. Может конечно по колхозному делаю! ^-^ ^-^

https://yadi.sk/i/jKaPslJhp3GxG

https://yadi.sk/i/9bm9VfpSp3GzY
*

Grigory S.

  • Давно я тут
  • 658
  • 70 / 0
  • (с)
Re: Image по ширине
« Ответ #1 : 18.02.2016, 10:33:58 »
Собственно со скринов ничего не ясно. Что мешает прописать

Код: css
img{
    max-width: 100%;
}
Не задав правильный вопрос, невозможно получить правильный ответ.
Для "спасибок" существует кнопочка "+".
*

tauras2008

  • Осваиваюсь на форуме
  • 37
  • 0 / 0
Re: Image по ширине
« Ответ #2 : 18.02.2016, 11:36:12 »
Не красиво получается, размер изображения 1920х1080 я как понял надо саму картинку через фотошоп изготовить
*

AlekVolsk

  • Гуру
  • 6915
  • 415 / 4
Re: Image по ширине
« Ответ #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
Просмотров: 1304
Последний ответ 05.12.2021, 05:52:51
от effrit
Код в теге ссылки для изменение background-image с помощью onmouseover

Автор Bozhkov2

Ответов: 5
Просмотров: 1151
Последний ответ 19.12.2018, 16:56:48
от Bozhkov2
Как выровнять тексты по ширине?

Автор alexanderuss

Ответов: 8
Просмотров: 1558
Последний ответ 24.02.2016, 18:51:41
от alexanderuss
Как сделать разные по ширине страницы сайта?

Автор ingavr

Ответов: 4
Просмотров: 1269
Последний ответ 03.06.2015, 10:12:31
от flyingspook
Как лучше реализовать выделение объекта в JA Image Hotspot?

Автор deminevgen

Ответов: 0
Просмотров: 1767
Последний ответ 28.05.2015, 16:41:41
от deminevgen