| |
 18.9 Кб |
|
| | Вопрос такой. Нужно вот такое реализовать на дивах. Как это все лучше сделать?
Имеем фиксированную высоту, резиновый дизайн.
Основной фон (черная полоса с ораньжевой окантовкой) понятно как делать - просто задаем background.
Название и описание можно просто как картинку, а под ней текст.
А вот что с боковыми картинками делать?
З.Ы. Картинка прилагается. | |
| |
|
|
| |
23.8 Кб |
|
| |
для: vlad-on
(26.11.2008 в 10:43)
| | | Картинка прилагается | |
| |
|
|
| |
|
|
| |
для: AlexSol
(26.11.2008 в 11:07)
| | | Все просо, все логично. Спасибо. Сейчас попробую. | |
| |
|
|
| |
|
|
| |
для: vlad-on
(26.11.2008 в 11:27)
| | | Тут вопрос возник. То что мы два пустых блока оставляем ничего страшного нет?
<div style="position:absolute; top:0; left:0; background:url() no-repeat 0 0; height:137px; width:200px;"></div>
<div style="position:absolute; top:0; right:0; background:url() no-repeat 0 0; height:137px; width:200px;"></div>
|
И еще. не лучше ли будет вариант если просто IMG абсолютно позицировать за место блоков. Есть ли разница? | |
| |
|
|
| |
|
|
| |
для: vlad-on
(26.11.2008 в 11:48)
| | | иногда за несколько десятков пустых переваливает ) ничего страшного.
лучше фоном ставте, оно тогда печататься не будет. плюс никаких значков на месте картинок до их загрузки не будет рисоваться | |
| |
|
|
| |
|
|
| |
для: AlexSol
(26.11.2008 в 12:05)
| | | Действительно. Об этом не думал.
Спасибо за помощь. | |
| |
|
|
| |
|
|
| |
для: vlad-on
(26.11.2008 в 12:09)
| | | можно так:
<style type="text/css">
#head{background:url(flame_left.png) no-repeat left;}
#head div{background:url(flame_right.png) no-repeat right;}
#head div div{margin:0px 200px; height:100px; background:url(flame_center.png) repeat-x;} //ширина,высота картинок с огнём.
</style>
<div id="head">
<div><div></div></div>
</div>
|
| |
| |
|
|
| |
|
|
| |
для: sl1p
(26.11.2008 в 17:39)
| | | Тоже интересный вариант. Но думаю остановлюсь на первом. | |
| |
|
|
