Новости Joomla

Вышел JoomShopping 5.9.0 - компонент интернет-магазина для Joomla

Вышел JoomShopping 5.9.0 - компонент интернет-магазина для Joomla.

Вышло обновление JL Like 5.2

Вышло обновление JL Like 5.2

JL Like — современный плагин для Joomla, который добавляет стильные кнопки "Поделиться" и счетчики лайков популярных соцсетей.

Совет по Joomla: использовать выключенное состояние для кнопок в списках элементов админки

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

Werber

  • Захожу иногда
  • 102
  • 2 / 0
Как растянуть картинку в CSS, а не дублировать её?
« : 12.12.2009, 18:11:36 »
Через CSS картинка на сайте дублируется через repeat-x, а как сделать, чтобы было растягивание картинки по горизонтали, а не повторение? Картинка является фоном ячейки таблицы, то есть это background....
Записан
*

beliyadm

  • Легенда
  • 9758
  • 1665 / 66
  • Севастополь, Россия
Re: Как растянуть картинку в CSS, а не дублировать её?
« Ответ #1 : 12.12.2009, 18:54:25 »
никак
Записан
Все истины, которые я хочу вам изложить, — бесстыдная ложь. Сделать всё хорошо
TLG: @Beliyadm
*

sharah

  • Захожу иногда
  • 52
  • 0 / 0
Re: Как растянуть картинку в CSS, а не дублировать её?
« Ответ #2 : 12.12.2009, 19:22:41 »
поправить код шаблона
Записан
*

Werber

  • Захожу иногда
  • 102
  • 2 / 0
Re: Как растянуть картинку в CSS, а не дублировать её?
« Ответ #3 : 13.12.2009, 01:54:06 »
Цитировать
поправить код шаблона

А как, не подскажите?
Записан
*

beliyadm

  • Легенда
  • 9758
  • 1665 / 66
  • Севастополь, Россия
Re: Как растянуть картинку в CSS, а не дублировать её?
« Ответ #4 : 13.12.2009, 02:02:33 »
либо перефразируйте вопрос либо довольствуйтесь моим ответом.
Средствами CSS в пределах одной ячейки\блока растянуть фоновое изображение нельзя.
Записан
Все истины, которые я хочу вам изложить, — бесстыдная ложь. Сделать всё хорошо
TLG: @Beliyadm
*

Werber

  • Захожу иногда
  • 102
  • 2 / 0
Re: Как растянуть картинку в CSS, а не дублировать её?
« Ответ #5 : 13.12.2009, 02:36:06 »
Так и быть, вот сайт: www.rents4all.com, на нём вверху меню, если быть в меню Home, то всё нормально, картинка выглядит корректно, но если перейти в другой раздел, то она начинает дублироваться... Как бы так сделать, чтобы она вверху растянулась? Я просто слышал про width="100%", но он кажется соизмеряется с горизонталью всего сайта, а не данной ячейки...
Записан
*

beliyadm

  • Легенда
  • 9758
  • 1665 / 66
  • Севастополь, Россия
Re: Как растянуть картинку в CSS, а не дублировать её?
« Ответ #6 : 13.12.2009, 03:24:58 »
Правильно, потому что там некорректно нарезаны картинки для верстки
Берем картинку - вырезаем из нее полоску так, чтобы градиент слева направо не менялся (достаточно будет взять правый край толщиной в 3-4 пкс) и кладем как фоновое изображение с repeat-y
Эту же картинку можно сделать фоновой и для hover
Ну а если очень хочется сделать как сейчас (чтобы тень по краям была) - придется сложней, позиционировать общее изображение для разных элементов меню по разному, для li, a, span по разному
Если только где то слышали про width: 100% - рекомендую обратиться к матчасти, в Google можно найти много уроков с подобными примерами
Записан
Все истины, которые я хочу вам изложить, — бесстыдная ложь. Сделать всё хорошо
TLG: @Beliyadm

Re: Как растянуть картинку в CSS, а не дублировать её?
« Ответ #7 : 13.12.2009, 03:40:32 »
привет

нужна помощь по установке  поможеш
Записан
*

pashu

  • Осваиваюсь на форуме
  • 21
  • 0 / 0
Re: Как растянуть картинку в CSS, а не дублировать её?
« Ответ #8 : 03.03.2011, 17:30:02 »
Этот метод растягивает фон

Код
<style type="text/css">
   #layer1 {
    z-index: 1; /* Порядок слоев */
    width: 100%; /* Ширина слоя с фоном */
    height: 100%; /* Высота слоя с фоном */
    position: absolute; /* Абсолютное позиционирование */
    left: 0; /* Положение от левого края окна */
    top: 0; /* Положение от верхнего края */
	overflow:hidden;
   }
#layer2
{
position: absolute;
text-align: center;
z-index: 2;
width: 100%;
overflow:hidden;
}
  </style>
 </head>
 <body>
 <div id="layer1">
    <img src="фон.jpg" width="100%" alt="">
  </div>
  <div id="layer2"></div>
 </body>
Записан
*

dr.red

  • Захожу иногда
  • 52
  • 0 / 0
Re: Как растянуть картинку в CSS, а не дублировать её?
« Ответ #9 : 14.04.2012, 21:54:47 »
Здраствуйте! посоветуйте как сделать чтоб фон этого сайта http://fans-football.ortep.net не было видно стыковок. Я пробував различные способы CSS, но чето не получалось может я не туда прописую.
Записан
*

cev77

  • Осваиваюсь на форуме
  • 14
  • 0 / 0
Re: Как растянуть картинку в CSS, а не дублировать её?
« Ответ #10 : 22.04.2013, 10:10:11 »
Вот урок по растягиванию... http://htmlbook.ru/faq/kak-rastyanut-fon-na-vsyu-shirinu-okna
Записан
*

HiopsNerevar

  • Давно я тут
  • 630
  • 88 / 0
  • Я удобный.
Re: Как растянуть картинку в CSS, а не дублировать её?
« Ответ #11 : 22.04.2013, 10:44:18 »
Цитата: dr.red от 14.04.2012, 21:54:47
Здраствуйте! посоветуйте как сделать чтоб фон этого сайта http://fans-football.ortep.net не было видно стыковок. Я пробував различные способы CSS, но чето не получалось может я не туда прописую.
У вас картинка не предназначенная для стыкования. Смотрите Google по запросу seamless grass
Записан
Это бидаль пича.
*

beliyadm

  • Легенда
  • 9758
  • 1665 / 66
  • Севастополь, Россия
Re: Как растянуть картинку в CSS, а не дублировать её?
« Ответ #12 : 10.05.2013, 01:47:30 »
Кстати я изначально что-то ступил. Можно попробовать в CSS поиграть параметром background-size для данной ячейки
Записан
Все истины, которые я хочу вам изложить, — бесстыдная ложь. Сделать всё хорошо
TLG: @Beliyadm
*

Efanych

  • Глобальный модератор
  • 4683
  • 644 / 0
  • Меняю свою жизнь на 360°!
Re: Как растянуть картинку в CSS, а не дублировать её?
« Ответ #13 : 10.05.2013, 09:43:24 »
Цитата: beliyadm от 10.05.2013, 01:47:30
Кстати я изначально что-то ступил.
Это в 2009-ом что ли? :)
Записан
Создание сайтов, шаблонов, помощь в решении проблем.
*

verstalshik

  • Завсегдатай
  • 1754
  • 95 / 1
Re: Как растянуть картинку в CSS, а не дублировать её?
« Ответ #14 : 10.05.2013, 10:17:18 »
Цитата: Efanych от 10.05.2013, 09:43:24
Это в 2009-ом что ли? :)
ну да, при Дмитрии Анатольевиче еще )))
Записан
❶ НЕ СПРАВЛЯЕШЬСЯ САМ???  Поможем тут...  ❷ Калькулятор доставки - ЗАКАЖИ!!!...  ❸ Каталог компаний - ЖМИ!!!...  ❹ НОВИЧКИ! ВСЕ сюда! Первая консультация БЕСПЛАТНО!!
1   Вверх
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Замена кнопки "Подробнее" на картинку "Подробнее"

Автор megasiras

 Ответов: 2
Просмотров: 3017 		Последний ответ 06.10.2014, 12:37:16
от megasiras
Можно ли дублировать статьи на сайте в разных разделах?

Автор RazarioAgro

 Ответов: 0
Просмотров: 1940 		Последний ответ 19.01.2013, 17:36:07
от RazarioAgro
Как сделать картинку(слайдер) в шапке ссылкой на нужный раздел?

Автор Tash

 Ответов: 1
Просмотров: 4250 		Последний ответ 13.08.2012, 15:11:34
от Tash
Сделать картинку ссылкой.

Автор wolf34

 Ответов: 3
Просмотров: 3258 		Последний ответ 22.02.2012, 14:11:32
от none.sql
Как вставить картинку в шапку сайта?

Автор abs00

 Ответов: 11
Просмотров: 15520 		Последний ответ 09.02.2012, 14:51:33
от oriol