Форум русской поддержки Joomla!® CMS
10.12.2016, 22:33:43 *
Добро пожаловать, Гость. Пожалуйста, войдите или зарегистрируйтесь.
Вам не пришло письмо с кодом активации?

Войти
   
   Начало   Поиск Joomla 3.0 FAQ Joomla 2.5 FAQ Joomla 1.5 FAQ Правила форума Новости Joomla Реклама Войти Регистрация Помощь  
Страниц: [1]   Вниз
  Добавить закладку  |  Печать  
Автор

Image по ширине

 (Прочитано 194 раз)
0 Пользователей и 1 Гость смотрят эту тему.
tauras2008
Осваиваюсь на форуме
***

Репутация: +0/-0
Offline Offline

Сообщений: 37


« : 18.02.2016, 10:46:48 »

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

https://yadi.sk/i/jKaPslJhp3GxG

https://yadi.sk/i/9bm9VfpSp3GzY
Записан
Grigory S.
Завсегдатай
*****

Репутация: +68/-0
Offline Offline

Пол: Мужской
Сообщений: 685


(с)


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

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

Код
img{
   max-width: 100%;
}
Записан
tauras2008
Осваиваюсь на форуме
***

Репутация: +0/-0
Offline Offline

Сообщений: 37


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

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

Репутация: +317/-3
Online Online

Пол: Мужской
Сообщений: 6461



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

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

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

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



если вы все же желаете оставить img внутри ссылки (для сео например), то просто скройте его, такого некрасивого:
Код
.img-link img
{
opacity: 0;
visibility: hidden;
}
« Последнее редактирование: 20.02.2016, 12:43:38 от AlekVolsk » Записан
Страниц: [1]   Вверх
  Добавить закладку  |  Печать  
 
Перейти в:  

Powered by SMF 1.1.21 | SMF © 2006, Simple Machines

Joomlaforum.ru is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by Open Source Matters
the trademark holder in the United States and other countries.

LiveInternet