Распилить рисунок в шапке и разнести его по сторонам

Тема в разделе "Изменение шаблона (кастомизация)", создана пользователем lipi, 17.07.2008.

Статус темы:
Закрыта.
  1. Offline

    lipi Недавно здесь

    Регистрация:
    16.07.2008
    Сообщения:
    15
    Симпатии:
    0
    Кто может скажите плизз как мне поступить и как делается, проблема в том, что в CSS'ке Лого сайта прописано одним рисуночком, из-за чего бывают траблы с разными разрешениями на мониках, я подумал разрезать рисунок на две доли и просто разместить их по краям страницы, чтоб они плавали, но как это сделать в CSS - не догоняю.

    вот голова:
    Код (CODE):
    1. #header {
    2.     background-color:#009999;
    3.     width           :100%;
    4.     height          :145px;
    5. }
    6.  
    7. #headerpic {
    8.     background          :url(../images/log1.jpg)no-repeat;
    9.     background-position :center;
    10.     width               :100%;
    11.     height              :145px;
    12. }

    мне надо чтоб там было два рисунка параллельные друг другу по горизонтали, хел плизз :)
     
    Последнее редактирование модератором: 17.07.2008
  2.  
  3. Offline

    Be'live Недавно здесь

    Регистрация:
    13.04.2006
    Сообщения:
    135
    Симпатии:
    7
    Пол:
    Мужской
    Ответ: помогите плиз с CSS'кой и её шапкой

    сайт в студию!
    код шапки тоже!
     
  4. AmmiAk
    Offline

    AmmiAk Укротитель браузеров

    Регистрация:
    25.07.2007
    Сообщения:
    633
    Симпатии:
    34
    Пол:
    Мужской
    Ответ: Распилить рисунок в шапке и разнести его по сторонам

    Совсем не обязательно, хотя может и пригодиться для пущей конкретизации ставящейся задачи.

    lipi, все просто! Для начала в любом графическом редакторе "разрезаешь русуночек лого в шапке на две доли", как ты это для себя видишь наилучшим образом. Далее, если селекторы #header и #headerpic являются вложенными друг в друга контейнерами div, правишь их свойства - может, например, получится так:
    Код (CODE):
    1. #header {
    2.   width: 100%;
    3.   height: 145px;
    4.   background: #009999 url(../images/logoLeft.jpg) no-repeat left top;
    5. }
    6.  
    7. #headerpic {
    8.   width: 100%;
    9.   height: 145px;
    10.   background: url(../images/logoRight.jpg) no-repeat right top;
    11. }
     
  5. Offline

    lipi Недавно здесь

    Регистрация:
    16.07.2008
    Сообщения:
    15
    Симпатии:
    0
    Ответ: Распилить рисунок в шапке и разнести его по сторонам

    пасиб, сегодня попробую, если не получится, то сайт как говорилось в студию ;)
     
  6. Offline

    lipi Недавно здесь

    Регистрация:
    16.07.2008
    Сообщения:
    15
    Симпатии:
    0
    Ответ: Распилить рисунок в шапке и разнести его по сторонам

    AmmiAk, пасиб тебе большое заработало ;)
     
Статус темы:
Закрыта.

Поделиться этой страницей

Загрузка...