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

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

Резиновая картинка

 (Прочитано 153 раз)
0 Пользователей и 1 Гость смотрят эту тему.
lepic
Захожу иногда
**

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

Сообщений: 15


« : 02.11.2016, 07:03:44 »

Извините за нубский вопрос.
Есть картинка большого разрешения.
В стандартной теме protostar запилил картинку на главную.
Нужно чтобы размеры картинки автоматически подбивались соответственно размеру окна/экрана,  какой код вставить в template.css?
Спасибо
Записан
Arkadiy
Группа развития
*****

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

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


Крепитесь, други.


« Ответ #1 : 02.11.2016, 07:05:54 »

max-width
Записан
lepic
Захожу иногда
**

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

Сообщений: 15


« Ответ #2 : 02.11.2016, 07:17:00 »

А можно полный код, а то я полный нуб...
Что бы я сделал ctrl+c ctr-v и все заработало )))
Записан
Филипп Сорокин
Живу я здесь
******

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

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


« Ответ #3 : 02.11.2016, 07:22:47 »

Код:
.class-izobrajeniya { max-width: 640px; width: 100%; }
Записан
lepic
Захожу иногда
**

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

Сообщений: 15


« Ответ #4 : 02.11.2016, 07:36:27 »

Код:
.class-izobrajeniya { max-width: 640px; width: 100%; }
Мне нужен полный код файла template.css
Указанный Вами код не работает ни в пустом файле template.css, ни в оригинальном заполненном файле template.css от темы protostar, где очень много строк.
Записан
Филипп Сорокин
Живу я здесь
******

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

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


« Ответ #5 : 02.11.2016, 07:38:56 »

Код:
.class-izobrajeniya { max-width: 100%; height: auto; }
Записан
wishlight
Профи
********

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

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


skype aqaus.com


« Ответ #6 : 02.11.2016, 10:36:55 »

http://htmlbook.ru/css/max-width
Записан
Ragivort
Живу я здесь
******

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

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


Есть мечта-стоит жить


« Ответ #7 : 02.11.2016, 12:56:26 »

А можно полный код, а то я полный нуб...
Что бы я сделал ctrl+c ctr-v и все заработало )))

Улыбнуло)))
В редакторе пропишите картинке класс class-izobrajeniya, как вариант)
Записан
lepic
Захожу иногда
**

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

Сообщений: 15


« Ответ #8 : 02.11.2016, 15:50:03 »

Всем спасибо за ответы!
Записан
lepic
Захожу иногда
**

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

Сообщений: 15


« Ответ #9 : 02.11.2016, 22:25:41 »

Обозначение класса в CSS, да и вообще задействование CSS не дало 100% положительный результат - в Mozilla и Chrome все отображалось корректно. В експлорере и адблок браузер картинка отображалась некорректно - при загрузке страницы картинка отображалась исходного размера, тоесть картинка вылазит за пределы экрана.
Проблему решил, отказавшись от файла *.css и прописав в index.html <img src="img.jpg" style="max-width: 100%; height: auto;" />
При этом от Joomla пришлось вообще отказаться и создать просто файл index.html.
Как это дело заставить работать в Joomla, тема протостар, используется бутстрап, я так и не понял.
Записан
Страниц: [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