Просьба помочь с реализацией css

Статус
В этой теме нельзя размещать новые ответы.

green tea

Создатель
Регистрация
14 Апр 2008
Сообщения
40
Реакции
2
Друзья, вопрос из песочницы, как реализовать средствами css следующее:
вставить картинку слева(*), вставить картинку справа(&), посередине все заполнить третьей картинкой - фоном(1), это будет хедер. вот пример :

*1111111111111111111111&

понимаю, что вопрос простой, только начал изучать css :ah:
 
Вложенными элементами это можно сделать.
 
повидимому как то так:
Код:
<style type="text/css">
#header{ height:100px; background:url(path/to/image.png) left center repeat-x; }
#header div{ width:100px; height:100px; background-repeat:no-repeat }
#header-left{ float:left;  background-image:url(path/to/left-image.png); }
#header-right{ float:right; background-image:url(path/to/right-image.png); }
</style>

<div id="header">
    	<div id="header-left">&nbsp;</div>
    	<div id="header-right">&nbsp;</div>    
 </div>
 
#header {background: repeat-x;}

repeat здесь зависит от размера фона, если подходит к ширине и высоте div то по x repeat, а если нет?! то либо перерисовывать, либо просто repeat.
 
repeat здесь зависит от размера фона, если подходит к ширине и высоте div то по x repeat, а если нет?! то либо перерисовывать, либо просто repeat.
да.. естественно все размеры и repeat'ы, url'ы и т.п. надо прописывать исходя из дизайна.. тут я указал на необходимый минимум для реализации и корректного отображения..
 
Статус
В этой теме нельзя размещать новые ответы.
Назад
Сверху