как быть с background-image

[zyb333]

Всем привет!!!

Подскажите новичку в css ,

собственно вопрос .как поставить 1 background-image выше другого

допустим есть таблица

в ней фон закоментирован этим

TD.bg {
background-image:url(images/bg.jpg);
width:90%;
height:203px;
}

Мне нужно чтоб в этой же таблице(либо в другой но распалагался чтоб выше) был еще 1

background-image и был видем первым(тоесть выше TD.bg)

как быть? пробовал через z-index , не помогает

Edited April 8, 2009 by zyb333

[Justnewone]

Всем привет!!!

Подскажите новичку в css ,

собственно вопрос .как поставить 1 background-image выше другого

допустим есть таблица

в ней фон закоментирован этим

TD.bg {
background-image:url(images/bg.jpg);
width:90%;
height:203px;
}

Мне нужно чтоб в этой же таблице(либо в другой но распалагался чтоб выше) был еще 1

background-image и был видем первым(тоесть выше TD.bg)

как быть? пробовал через z-index , не помогает

1. В ячейку добавить ДИВ с такими же высотой и шириной, и с "верхним" рисунком в бекграунде.

2. Вставить в ячейку рисунок не как бекграунд, а как IMG.

Все зависит от семантики. Если рисунок в ячейке - смысловой, типа иконки, которая, допустим, может выступить ссылкой, или же вообще, если это рисунок, у которого очень просится тег alt, то есть, если при печати Вам его будет очень недоставать (бекграунд по дефольту настроек браузера не выводится на печать), то предпочтительней 2. Если же это просто элемент дизайна, который может быть легко удален, или , допустим, при печати будет выглядить нелепо на фоне отсутсвия всего остального бекграунда, то вариант 1.

[zyb333]

2. Вставить в ячейку рисунок не как бекграунд, а как IMG.

а как это сделать???

и если несложно то и 2 пример можно?

заранее спасибо

[Justnewone]

а как это сделать???

и если несложно то и 2 пример можно?

заранее спасибо

А че тогда не в новички? Или все знаем вот только IMG не знаем?

1.

<td class="bg"><div>&nbsp</div></td>

TD.bg {

background-image:url(images/bg.jpg);

width:90%;

}

TD.bg DIV{

background-image:url(images/bg2.jpg);

height:203px;

}

2. <td class="bg"><img src="images/bg2.jpg" alt="что-нить вразумительное будет отображено при отключеных картинках" /></td>

Изображение должно быть 203px в высоту

TD.bg {

background-image:url(images/bg.jpg);

width:90%;

}

[zyb333]

А че тогда не в новички? Или все знаем вот только IMG не знаем?

Просто вопрос стоял сделать не на html а на css

на html то понятное дело сделать проще простого...

мне нужно чтоб можно было задавать кординаты и устанавливать в нужное место....

допустим имеется фон 111

111 {
background-image:url(images/bg.jpg);
width:90%;
height:203px;
}

выше него нужно подвешать логотип 222( с заданными кординатами)

222 {
background-image:url(images/log.jpg);
width:80px;
height:150px;
background-position: --px --px;
}

Edited April 8, 2009 by zyb333

[Justnewone]

Просто вопрос стоял сделать не на html а на css

на html то понятное дело сделать проще простого...

мне нужно чтоб можно было задавать кординаты и устанавливать в нужное место....

допустим имеется фон..на него нужно подвешать логотип(соответственно выше фона и с заданными кординатами)

Учица, учица и еще раз учица... Тут на сайте есть прекрасная информация, поиском по форуму

[zyb333]

предыдущий пост подредактировал

на форуме смотрел нужного не нашол

Edited April 8, 2009 by zyb333

[Justnewone]

Просто вопрос стоял сделать не на html а на css

на html то понятное дело сделать проще простого...

мне нужно чтоб можно было задавать кординаты и устанавливать в нужное место....

допустим имеется фон 111

111 {
background-image:url(images/bg.jpg);
width:90%;
height:203px;
}

выше него нужно подвешать логотип 222( с заданными кординатами)

222 {
background-image:url(images/log.jpg);
width:80px;
height:150px;
background-position: --px --px;
}

Это туда же. Примеры показывают что Вы даже тег ссылки не знаете, думаете интересно в подобных случаях объяснять?

[Searcher]

внимательно изучаем CSS. Особенно свойства position, top, left и т.п.

[zyb333]

спасибо за помощь, ответ нашол!!!!

Тема закрыта!!!!