Форум Сайтостроение Веб-строительство

Как "наехать" в CSS?

Z
На сайте с 19.01.2006
Offline
23
zonner
724

Добрый вечер, Уважаемые! Снова обращаюсь к вам с просьбой о помощи!

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

В эту таблицу надо вставить еще одну: 


<table border="0" cellpadding="0" cellspacing="0">

	<tr><td>для вставки</td></tr>

	<tr><td>2</td></tr>

	<tr><td>для вставки</td></tr>

</table>

Вот такую: 


<table border="0" cellpadding="0" cellspacing="0">

	<tr><td>содержимое</td></tr>

</table>

Подскажите как это можно сделать, либо хотя бы в какую сторону копать, с таким столкнулся впервые. Одним местом чувствую, что разгадка кроется в CSS, например есть атрибут z-index но я не уверен.

Подскажите, пожалуйста. Буду благодарен!

dkameleon
На сайте с 09.12.2005
Offline
386
dkameleon
#1

В данном конкретном случае можно так:

<style>
	.tab1 { margin: -5px -5px 5px 5px; }
	.tab2 { margin: 5px -5px -5px 5px; }

</style>
<table border="1" cellpadding="0" cellspacing="0">
	<tr><td><table class="tab1" border="1" cellpadding="0" cellspacing="0">
	<tr><td>содержимое</td></tr>
</table></td></tr>
	<tr><td>2</td></tr>
	<tr><td><table class="tab2" border="1" cellpadding="0" cellspacing="0">
	<tr><td>содержимое</td></tr>
</table></td></tr>
</table>

Но я бы советовал решать подобные задачи без таблиц :)

Дизайн интерьера (http://balabukha.com/)
Z
На сайте с 19.01.2006
Offline
23
zonner
#2

Спасибо! Решил проблему классом

.margin{margin-left: -5px}

Но вот беда: этот слой оказался под слоем основной таблицы!

Есть ли в CSS средства, которые позволяют задать порядок отображения?

B
На сайте с 06.04.2006
Offline
24
blaize
#3

zonner, z-index: 1;

Мониторинг сайтов (http://hostpulse.ru/), серверов, проверка содержимого страниц.
dkameleon
На сайте с 09.12.2005
Offline
386
dkameleon
#4
blaize:
zonner, z-index: 1;

Только не забыть добавить

position: relative;

;)

Dreammaker
На сайте с 20.04.2006
Offline
569
Dreammaker
#5

и не забыть, что не все броузеры и не всегда адекватно понимают z-index :)

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий