z-index

[strannik22]

суть,: в трехколоночной таблице выводяться картинки (выборочно), нужно сделать наложение текста (Этот город самый лучший на земле..) чтоб он пролегал через все 3 ячейки,

я написал следующий код:

<table align="center" border="0" cellpadding="5" cellspacing="3" bgcolor="#eeeeee" width="1000">
 	<tr>
 			<td colspan="3" id="layer2"> Этот город самый лучший на земле..</td>
 		</tr>
	<tr>
		<td><?php
include 'http://www.biwork.ru/gorod1/random_img.php';
?></td>
		<td><?php
include 'http://www.biwork.ru/gorod2/random_img.php';
?></td>
		<td><?php
include 'http://www.biwork.ru/gorod3/random_img.php';
?></td>
	</tr>
</table>

в CSS добавил:

 #layer2 {
	position: relative; /* Относительное позиционирование */
   } 
   #layer2 {
	top: 55px; /* Сдвигаем текст вверх */
	left: 5px; /* Сдвигаем текст вправо */
	color: #ffa500; /* Оранжевый цвет текста */
	font-size:70px;  /* Размер шрифта в пикселах */
   }
   #layer2 { z-index: 1; }

НО при добавлениии верхней ячейки с текстом, нижнии ячейки ушли вниз, ..

пробовал делать высоту ячейки в 5 px, не помогает..

вот страница работы http://www.biwork.ru/pro.php

Edited July 27, 2009 by strannik22

[JIucky]

сделайте 1 строку с картинками и ниже вставьте

 <div id="layer1">Этот город самый лучший...<br/>Бийску - 300 лет!</div>

и position:absolute; ставьте куда хотите

Edited August 5, 2009 by JIucky