Помощник
|
тени под блоками |
z3l
|
Сообщение
#1
|
||
|
|
||
|
|||
sodik |
28.8.2011, 20:15;
Ответить: sodik
Сообщение
#2
|
|
Завернуть картинку в div, задать на div padding-bottom равный высоте тени и повесить картинку с тенью на этот div background: url(../images/shadow.png) no-repeat 0 100%.
|
|
|
z3l
|
Сообщение
#3
|
|
Завернуть картинку в div, задать на div padding-bottom равный высоте тени и повесить картинку с тенью на этот div background: url(../images/shadow.png) no-repeat 0 100%. Спасибо за подсказку,буду колдовать))) а как склеить два блока? пример: <div id="left"></div> <div id="right"></div> <div id="content"></div> Css таков: #left{ background-color:#00C0C0; width:190px; float:left; } #right{ width:190px; background: url(../images/grey_bg.png) repeat right top; color:#FFFFff; background-color:#FFFF00; float:right; } #content{ /*background-color:#8080FF;*/ margin-left:212px; margin-right:212px; } #shadow { url('..images/ten-left.png') no-repeat,left bottom; } #shadow1 { url('..images/ten-right.png') no-repeat,left bottom; } Как два блока shadow,shadow1 склеить чтобы они стали ровно под left?когда начинаю колдовать внутри блока и делаю блоку бекграунд,то тень появляется внутри а не за окончанием блока....??? |
|
|
Электроник |
29.8.2011, 3:29;
Ответить: Электроник
Сообщение
#4
|
|
Здравствуйте Уважаемые ГУРУ!!! Есть сайт:Тени под блоками как сделать под блоками такие тени? png теней есть,как с сss прописать свойства чтобы тень выводилась сразу под картинкой? Заранее спс думаю есть вариант проще, а главное легче http://htmlbook.ru/css/box-shadow да и на приведённом вами сайте, скорее всего так сделано вот например http://www.xiper.net/collect/html-and-css-...ck-effects.html вообщем юзайте box-shadow и будут вам тени (: |
|
|
sodik |
29.8.2011, 10:12;
Ответить: sodik
Сообщение
#5
|
|
Вариант с css хорошо если не нужна поддержка ие6-8. На сайте, который привел ТС, сделано как раз таким имагами.
z3l, По приведенному коду я не могу понять как оно должна работать. |
|
|
z3l
|
Сообщение
#6
|
|
Вариант с css хорошо если не нужна поддержка ие6-8. На сайте, который привел ТС, сделано как раз таким имагами. z3l, По приведенному коду я не могу понять как оно должна работать. Ребят тот код что я привел, это то что я пытаюсь сделать, а на сайте реализовано так, есть блок(бекграунд, пнг),а под ним тени это две картинки png формата,shadow-left и shadow-right. вот у меня не получается выровнять под блоком эти две картинки, плюс к этому они находятся на бекграунде блока а не под ним(=....Понятно объяснил?)) |
|
|
z3l
|
Сообщение
#7
|
|
думаю есть вариант проще, а главное легче http://htmlbook.ru/css/box-shadow да и на приведённом вами сайте, скорее всего так сделано вот например http://www.xiper.net/collect/html-and-css-...ck-effects.html вообщем юзайте box-shadow и будут вам тени (: Дельный совет уважаемый1!!!+1 ВАМ! |
|
|
Электроник |
29.8.2011, 23:18;
Ответить: Электроник
Сообщение
#8
|
|
|
Дельный совет уважаемый1!!!+1 ВАМ! рад, что смог помочь :)
|
|
|
||
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
Burzh.top|Партнерская программа под любой вид трафика (email, спам, УБТ) | 3 | cryptius | 788 | Сегодня, 14:47 автор: cryptius |
|
Жирные бурж ссылки под крипту Размещаем статьи на популярных международных сайтах |
0 | umexa | 445 | 23.4.2024, 23:23 автор: umexa |
|
Жирные бурж ссылки под крипту Размещаем статьи на популярных международных сайтах |
0 | umexa | 346 | 23.4.2024, 23:23 автор: umexa |
|
SEO-продвижение USA, Europe, Asia под ключ | Dating, Gambling, Essay и 10+ ниш | 3 | Needmylink1 | 1039 | 23.4.2024, 21:26 автор: Needmylink1 |
|
SEO Линк Билдинг под Бурж | Вечные ссылки США, Европа и Мир с Гарантией | 21 | Needmylink1 | 7185 | 23.4.2024, 21:16 автор: Needmylink1 |
Текстовая версия | Сейчас: 25.4.2024, 15:02 |