Новости Joomla

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

Dronch

  • Осваиваюсь на форуме
  • 24
  • 0 / 0
Есть блок contentheading. Нужно поставить в бэкграунд блока два изображения, одно с лева другое с права а середину закрасить сплошным цветом. Подскажите как это реализовать средствами CSS?
*

danik.html

  • Живу я здесь
  • 2650
  • 353 / 4
Re: Две картинки в блоке по краям
« Ответ #1 : 20.09.2010, 12:52:13 »
К сожалению современные технологии еще не дошли до множественных фоновых изображений. Но наука на верном к тому пути. Последние исследования w3c доказали, что создание множественных изображений возможно, однако до конца в этом он не уверен (так же как и в закругленных углах, трансформациях, тени боксов и многом другом). Исследования в этой области весьма затратны, не обходятся без дорогостоящих материалов и лучших умов мира. Однако некоторые производители браузеров в качестве эксперимента сумели реализовать подобную фичу, доказав всему миру что это может прийти в каждый дом. Всетаки лидер по реализации своего браузера - microsoft не стала тратить огромнейшие средства на подобную чепуху, заявив что пока w3c научно не обоснуют целесообразность введения подобных фишек в браузер, она не будет страдать ерундой - пусть лучше страдают верстальщики.

и именно по-этому чтобы сделать два фоновых изображения мы вынуждены добавлять еще по элементу, тупо для того чтобы задать им фон:
<h1><span><span>бла бла</span></span></h1>

h1 span{
   display: block;
}

h1{
    background: url(../images/heading-left.png) no-repeat #0f0;
    padding-left: 10px;
}
h1>span{
    background: url(../images/heading-right.png) no-repeat #00f;
    padding-right: 10px;
}
h1>span span{
   background: #f00;
}
【Мегапак Virtuemart:
 • метатеги (description,keywords)
 • заголовки (title)
 • красивые алиасы (чпу) без тормозов и дублей!
*

Dronch

  • Осваиваюсь на форуме
  • 24
  • 0 / 0
Re: Две картинки в блоке по краям
« Ответ #2 : 20.09.2010, 13:23:29 »
К сожалению современные технологии еще не дошли до множественных фоновых изображений. Но наука на верном к тому пути. Последние исследования w3c доказали, что создание множественных изображений возможно, однако до конца в этом он не уверен (так же как и в закругленных углах, трансформациях, тени боксов и многом другом). Исследования в этой области весьма затратны, не обходятся без дорогостоящих материалов и лучших умов мира. Однако некоторые производители браузеров в качестве эксперимента сумели реализовать подобную фичу, доказав всему миру что это может прийти в каждый дом. Всетаки лидер по реализации своего браузера - microsoft не стала тратить огромнейшие средства на подобную чепуху, заявив что пока w3c научно не обоснуют целесообразность введения подобных фишек в браузер, она не будет страдать ерундой - пусть лучше страдают верстальщики.

Хорошо сказал!
Спасибо, код помог!
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Увиличение картинки при наведении

Автор vova630

Ответов: 0
Просмотров: 1142
Последний ответ 25.03.2018, 02:45:33
от vova630
Стиль для всплывающего названия картинки- как?

Автор epson950

Ответов: 3
Просмотров: 1585
Последний ответ 03.11.2016, 01:04:05
от AlekVolsk
Как изменить цвет ссылки только в ее блоке?

Автор Apollon

Ответов: 2
Просмотров: 1376
Последний ответ 30.09.2016, 21:36:18
от beliyadm
CSS Hover для картинки

Автор vitalid

Ответов: 19
Просмотров: 1712
Последний ответ 20.06.2016, 15:13:34
от vipiusss
Позиционирование картинки от края до края

Автор BestorWeb

Ответов: 5
Просмотров: 1764
Последний ответ 09.03.2016, 15:12:12
от Shustry