X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Фон
xilgiz
xilgiz
Topic Starter сообщение 23.4.2011, 21:24; Ответить: xilgiz
Сообщение #1


Как сделать, чтобы в фоне слева была одна картинка по оси у, а справа другая?
Я искал,не нашел... сам пишу, один стиль перекрывает другой, и получается только в одной стороне...
Например
CODE
background-image:url(img/bg2.jpg);
background-position: left;
background-repeat:repeat-y;

background-image:url(img/bg.jpg);
background-position: right;
background-repeat:repeat-y;

Или в разных классах, тот же результат
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
ZiTosS
ZiTosS
сообщение 23.4.2011, 23:12; Ответить: ZiTosS
Сообщение #2


xilgiz, показали бы что хотите получить. Вообще так как вы делаете этого не получить. Одному элементу можно задать только один фон, поэтому делается это так:
  • Родительский блок - задний фон, повторяем по оси y (размеры - определенные)
  • Дочерний блок - передний фон, повторяем по оси y (размеры - часть родительского)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
xilgiz
xilgiz
Topic Starter сообщение 24.4.2011, 18:58; Ответить: xilgiz
Сообщение #3


ZiTosS, просто вторую часть перенес на другой общий тег, и все работает, спасибо)))
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
gennadiy_mw
gennadiy_mw
сообщение 26.4.2011, 13:15; Ответить: gennadiy_mw
Сообщение #4


xilgiz покажи пример, что не тыкать пальцем в небо.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
xilgiz
xilgiz
Topic Starter сообщение 26.4.2011, 16:26; Ответить: xilgiz
Сообщение #5


body {
    margin: 0px;
    padding:0px;
    width: 100%;
    display: table;
    
background: #DFBEB1  url(../images/left_bg.jpg) left repeat-y;
}
.bbody{
    margin: 0px;
    padding:0px;
    width: 100%;
    display: table;
    background: url(../images/right_bg.jpg) right repeat-y;
}
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
ProWebcash
ProWebcash
сообщение 31.5.2011, 14:24; Ответить: ProWebcash
Сообщение #6


(xilgiz @ 26.4.2011, 15:26) *
body {
    margin: 0px;
    padding:0px;
    width: 100%;
    display: table;
    
background: #DFBEB1  url(../images/left_bg.jpg) left repeat-y;
}
.bbody{
    margin: 0px;
    padding:0px;
    width: 100%;
    display: table;
    background: url(../images/right_bg.jpg) right repeat-y;
}


Приветствую! я бы в подобной ситуации использовал верстку слоями:
<body style="margin:0px; padding:0px;">
<div style="width:50%; height: 100%; float:left; background: url('img/bg.jpg') left top repeat-y;"></div>
<div style="width:50%; height: 100%; float:right; background: url('img/bg2.jpg') right top repeat-y;"></div>
<div style="clear:both;"></div>
</body>
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
yury_mw
yury_mw
сообщение 31.5.2011, 16:50; Ответить: yury_mw
Сообщение #7


(ProWebcash @ 31.5.2011, 14:24) *
Приветствую! я бы в подобной ситуации использовал верстку слоями:
<body style="margin:0px; padding:0px;">
<div style="width:50%; height: 100%; float:left; background: url('img/bg.jpg') left top repeat-y;"></div>
<div style="width:50%; height: 100%; float:right; background: url('img/bg2.jpg') right top repeat-y;"></div>
<div style="clear:both;"></div>
</body>

ProWebcash,
а контент как вставлять в body, который вы разрезали пополам по вертикали на 2 слоя? ;)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
ZiTosS
ZiTosS
сообщение 31.5.2011, 22:28; Ответить: ZiTosS
Сообщение #8


yury,
[оффтоп]: хехе, юзаем абсолютное позиционирование и z-ось xD Конечно позитива здесь мало...
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
yury_mw
yury_mw
сообщение 31.5.2011, 23:57; Ответить: yury_mw
Сообщение #9


(ZiTosS @ 31.5.2011, 22:28) *
yury,
[оффтоп]: хехе, юзаем абсолютное позиционирование и z-ось xD Конечно позитива здесь мало...

ZiTosS,
[оффтоп]: а ведь хотел приписать "абсолютное позиционирование не предлагать", но решил, что и так понятно, что это изврат. ;)

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


 



RSS Текстовая версия Сейчас: 20.4.2024, 10:53
Дизайн