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

Тема в разделе "Веб-дизайн", создана пользователем green tea, 25 мар 2009.

Статус темы:
Закрыта.
Модераторы: zek24
  1. green tea

    green tea Создатель

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

    *1111111111111111111111&

    понимаю, что вопрос простой, только начал изучать css :ah:
     
  2. t0os

    t0os

    Регистр.:
    21 окт 2007
    Сообщения:
    284
    Симпатии:
    36
    Вложенными элементами это можно сделать.
     
  3. BDSG

    BDSG

    Регистр.:
    28 фев 2009
    Сообщения:
    203
    Симпатии:
    109
    повидимому как то так:
    Код:
    <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>
    
     
    green tea нравится это.
  4. Favn

    Favn Прохожие

    #header {background: repeat-x;}

    repeat здесь зависит от размера фона, если подходит к ширине и высоте div то по x repeat, а если нет?! то либо перерисовывать, либо просто repeat.
     
  5. BDSG

    BDSG

    Регистр.:
    28 фев 2009
    Сообщения:
    203
    Симпатии:
    109
    да.. естественно все размеры и repeat'ы, url'ы и т.п. надо прописывать исходя из дизайна.. тут я указал на необходимый минимум для реализации и корректного отображения..
     
Статус темы:
Закрыта.