Перейти к содержимому


Пользователь месяца
WGN WGN 1-й за Июль
Очков активности: 850 2 темы, 75 сообщений, 7 баллов репутации
Сайт: worldgamenews.com
ТОП самых активных за этот месяц
  • Фотография TimurR
    #1

    TimurR
    Очков активности: 372 3 темы, 22 сообщения, 8 баллов репутации

  • Фотография ShowPrint
    #2

    ShowPrint (ShowPrint.ru)
    Очков активности: 72 0 тем, 8 сообщений, 6 баллов репутации

  • Фотография WGN
    #3

    WGN (worldgamenews.com)
    Очков активности: 72 Вне конкурса за определение пользователя месяца

  • Фотография BlackLion
    #4

    BlackLion
    Очков активности: 36 0 тем, 24 сообщения, 1 балл репутации

  • Фотография Vmir
    #5

    Vmir
    Очков активности: 25.5 Вне конкурса за определение пользователя месяца

  • Фотография Napoleon-007
    #6

    Napoleon-007
    Очков активности: 21 0 тем, 14 сообщений, 1 балл репутации

  • Фотография Ixman
    #7

    Ixman (o5cat.ru)
    Очков активности: 21 0 тем, 7 сообщений, 2 балла репутации

  • Фотография alekswebart
    #8

    alekswebart
    Очков активности: 19.5 1 тема, 10 сообщений, 1 балл репутации

  • Фотография r0mZet
    #9

    r0mZet (rz-style.ru)
    Очков активности: 18 2 темы, 6 сообщений, 1 балл репутации

  • Фотография bor10811
    #10

    bor10811
    Очков активности: 15 2 темы, 4 сообщения, 1 балл репутации

  • Показать весь ТОП 10

Kwork.ru - услуги фрилансеров от 500 руб.

Поддержите форум! =)
Апдейты
  • Яндекс тИЦ: 19.11.2017
  • Яндекс выдача: 19.08.2018
Топ 5 участников по репутации


Фон

#1 xilgiz

xilgiz
  • Неактивные
  • 155 сообщений
  • Репутация: 0
0

Отправлено 23 April 2011 - 20:24

Как сделать, чтобы в фоне слева была одна картинка по оси у, а справа другая?
Я искал,не нашел... сам пишу, один стиль перекрывает другой, и получается только в одной стороне...
Например
[codebox]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;[/codebox]
Или в разных классах, тот же результат

 

 

  • 0

robot

robot
  • Пользователь PRO
  • 2652 сообщений
  • Репутация: 85
Советую обратить внимание на следующее:
  1. Фон
  2. Зафиксировать изображение (резиновый фон)
  3. Как наложить картинку на фон?
  4. Кнопка на css из изображений
  5. Как сделать фоновое изображение по центру экрана.

#2 ZiTosS

ZiTosS
  • Неактивные
  • 5148 сообщений
  • Репутация: 8

Отправлено 23 April 2011 - 22:12

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

  • 0

#3 xilgiz

xilgiz
    Topic Starter
  • Неактивные
  • 155 сообщений
  • Репутация: 0

Отправлено 24 April 2011 - 17:58

ZiTosS, просто вторую часть перенес на другой общий тег, и все работает, спасибо)))
  • 0

#4 gennadiy

gennadiy
  • Неактивные
  • 5 сообщений
  • Репутация: 0

Отправлено 26 April 2011 - 12:15

xilgiz покажи пример, что не тыкать пальцем в небо.
  • 0

#5 xilgiz

xilgiz
    Topic Starter
  • Неактивные
  • 155 сообщений
  • Репутация: 0

Отправлено 26 April 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;
}

  • 0

#6 ProWebcash

ProWebcash
  • Неактивные
  • 2 сообщений
  • Репутация: 0

Отправлено 31 May 2011 - 13:24

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>

  • 0

#7 yury

yury
  • Пользователь
  • 642 сообщений
  • Репутация: 188

Отправлено 31 May 2011 - 15:50

Приветствую! я бы в подобной ситуации использовал верстку слоями:

<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 слоя? ;)
  • 0

#8 ZiTosS

ZiTosS
  • Неактивные
  • 5148 сообщений
  • Репутация: 8

Отправлено 31 May 2011 - 21:28

yury,
[оффтоп]: хехе, юзаем абсолютное позиционирование и z-ось xD Конечно позитива здесь мало...
  • 0

#9 yury

yury
  • Пользователь
  • 642 сообщений
  • Репутация: 188

Отправлено 31 May 2011 - 22:57

yury,
[оффтоп]: хехе, юзаем абсолютное позиционирование и z-ось xD Конечно позитива здесь мало...

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

robot

robot
  • Пользователь PRO
  • 2652 сообщений
  • Репутация: 85

Оформление форума – IPBSkins.ru