Помощь в верстке слоями шаблона

Статус
В этой теме нельзя размещать новые ответы.
SUVEREN

SUVEREN

Постоялец
Регистрация
13 Фев 2008
Сообщения
367
Реакции
178
Друзья, всем привет.
Нужна помощь. Верстаю шаблон для своего сайта, сделал шапку с помощью таблиц, а вот название сайта, и текст не влазит в саму таблицу, надо чтоб он на две или на три ячейки был. Короч с помощью обычной таблицы реализовать невозможно.
Надо сделать это с помощью слоев, но в этом я не так силен.
Надо слой привязать к верхушке страницы, и сделать отступ в процентах от верхнего и левого края. И самое главное, чтобы этот новый слой был сверху всей таблицы, сверху ячеек.
Как так сделать.
Вот привожу примерный код.
Синим выделена шапка, к ней и надо слой привязать.
А зеленым прочий контент, к нему привязываться не надо
<html>
<head>
<title> </title>
<meta name="generator" >
</head>
<body>
<table class="head" width="100%" height="90px">
<tr>
<td id="headhead"></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
</table>
дальше идут всякие блоки и прочий контент
</body>
</html>
Заранее спасибо
 
HTML: 
<div class="header">
<div class="logo">
<a href="#"><img src="img/logo.gif" alt="bla-bla-bla" /></a>
</div>
</div>
<table ....
PHP: 
.header {
height:100px;
margin:0 10%;
position:relative;
}
.logo {
position:absolute;
top:0;
left:0;
}
 
Код: 
.header{
	position: absolute;
	left: 0px;
	top: 0px;
}
.logo{
	position: relative;
	padding-top:40px;
	padding-left:30px;
}
HTML: 
	<div class="header">	
		<div class="logo">sdcs</div>
	</div>
<table class="head" width="100%" height="90px">
<tr>
<td style="width:100px; background:#ff0000; height: 100px;">DV</td>
<td style="width:100px; background:#fff000; height: 100px;">ghn</td>
<td style="width:100px; background:#ffffy0; height: 100px;">tyr</td>
</tr>
<tr>
<td style="width:100px; background:#fy0000; height: 100px;">sdv</td>
<td style="width:100px; background:#fff000; height: 100px;">jk,</td>
<td style="width:100px; background:#ffer000; height: 100px;">fgb</td>
</tr>
</table>
Так тоже можно. Параметрами padding-top и padding-left стиля logo ты изменяешь положение элемента относительно топа и левого края.
 
rafic написал(а):
Так тоже можно. Параметрами padding-top и padding-left стиля logo ты изменяешь положение элемента относительно топа и левого края.
Нажмите для раскрытия...
так, как ты написал логотип будет поверх таблицы
 
mdss
И самое главное, чтобы этот новый слой был сверху всей таблицы, сверху ячеек.
Нажмите для раскрытия...
как просили так и сделал:))
 
SUVEREN написал(а):
сделал шапку с помощью таблиц, а вот название сайта, и текст не влазит в саму таблицу, надо чтоб он на две или на три ячейки был. Короч с помощью обычной таблицы реализовать невозможно.
Нажмите для раскрытия...
Прекрасно возможно что угодно реализовать с помощью таблицы, чтоб влезало на любую высоту на любое количество ячеек. Другое дело, концерн w3org или как там его называют, предписал, чтоб в таблицах были табличные данные, а логическая разметка шла слоями.
Возьми визивиг-редактор типа Дримвьювер и переделай свою таблицу, Дримвьювер делает корректный код, потом что надо сам допишешь. Там просто легко увидеть как таблицу можно переделать - добавить-удалить строки, объединить-разделить ячейки и т.п.
 
Что для w3org является "табличными данными"?
 
Насколько я понимаю - именно данные. То есть, если какую-то таблицу с данными гипотетически легко себе представить в экселе - то верстать это надо как таблицу. А разметку сайта делать таблицей - не следует.
Или найти оригинальное определение? Лениво, если честно :ah:
 
Не спс:) Я понял...
 
Статус
В этой теме нельзя размещать новые ответы.
Назад
Сверху