Форум hotibo.ru

Сайты - по стандартам, но не стандартные сайты!






#1 12.03.2012 03:50

Phieti
Новичок
Зарегистрирован: 12.03.2012
Сообщений: 3

Несколько фонов в 1 ячейке таблицы

http://rovertemple.ru/css-background.gif

Приветствую! Не могли-бы вы подсказать как поэлегантнее решить следующую задачку.
Есть меню, сделанное в растягивающейся табличке, я хочу сделать так, чтобы у каждой ячейки этого меню фоном были два див-блока с какой-то фиксированной высотой в процентах. Ну или вариант одного фоновый блок с определенной высотой.

Нет на форуме

 

#2 12.03.2012 08:37

vashurin
Moderator
Зарегистрирован: 14.09.2010
Сообщений: 287
Вебсайт

Re: Несколько фонов в 1 ячейке таблицы

Самое изящное? Нарисовать картинку длинной 1px и высотой допустим 500px или сразу 1000px. Картинку одного цвета. Задать ячейке фоновый цвет. А картинку пустить фоном по X и задайте позицию фону.


С уважением, Вашурин Владимир.

Нет на форуме

 

#3 12.03.2012 14:26

Phieti
Новичок
Зарегистрирован: 12.03.2012
Сообщений: 3

Re: Несколько фонов в 1 ячейке таблицы

Я уже так пробовал но, увы, если фон по размеру больше ячейки, то он заполняет всю ячейку.
А с дивами я не особо дружу, вот и попросил помощи wink

Отредактированно Phieti (12.03.2012 14:26)

Нет на форуме

 

#4 12.03.2012 14:36

vashurin
Moderator
Зарегистрирован: 14.09.2010
Сообщений: 287
Вебсайт

Re: Несколько фонов в 1 ячейке таблицы

Phieti написал:

Я уже так пробовал но, увы, если фон по размеру больше ячейки, то он заполняет всю ячейку.

Даже если он установлен так:

Код:

td{
background: url(img.gif) 0 50% repeat-x;
}

?


С уважением, Вашурин Владимир.

Нет на форуме

 

#5 12.03.2012 17:59

Phieti
Новичок
Зарегистрирован: 12.03.2012
Сообщений: 3

Re: Несколько фонов в 1 ячейке таблицы

Ага, именно так.

Код:

.test {background: url("bg02.gif") #CCCCCC 0% 50% repeat-x scroll;}

В данном случае центр фона располагается по центру ячейки.

Отредактированно Phieti (12.03.2012 18:03)

Нет на форуме

 

#6 13.03.2012 08:42

vashurin
Moderator
Зарегистрирован: 14.09.2010
Сообщений: 287
Вебсайт

Re: Несколько фонов в 1 ячейке таблицы

Phieti написал:

Ага, именно так.

Код:

.test {background: url("bg02.gif") #CCCCCC 0% 50% repeat-x scroll;}

В данном случае центр фона располагается по центру ячейки.

А покажите на примере.


С уважением, Вашурин Владимир.

Нет на форуме

 

Board footer