Задать вопрос
@Artem0000
html

Как сделать такую вёрстку сайта с помощью таблицы?

Как сделать так как на изображении?
5e523b4d55351341497756.png
Мой код не работает.
<html>
<head>
<title>Раз</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

<table class="tb" border="0" cellpadding="0" cellspacing="0">
 
 <tr>
 <td class="shapka" colspan="3">шапка</td>
 </tr>
 
 <tr>
 <td class="l"></td>
 <td class="content">контент</td>
 <td class="r"></td>
 </tr>
 
</table>

</body>
</html>


.tb{
width: 100%;}

.shapka{
	width: 100%;
	height: 90px;
background-color: #ccc;}

.l{	
width:auto;}

.r{
width:auto;}

.content{
	width: 1000px;
	height: 600px;
background-color: #006000;}


Получается вот так:5e523ba17cedc739880099.png
  • Вопрос задан
  • 60 просмотров
2 комментария
Подписаться 1 Простой 2 комментария
Решения вопроса 1
@domres
Простейший формат, но делать его в современном мире лучше не таблицами а блоками. Таблицы уже прошлый век.
Ответ написан
3 комментария
3 комментария
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
Вакансии с Хабр Карьеры
Fullstack Developer под Wordpress
Future Search
от 90 000 до 150 000 ₽
WordPress-разработчик
div. • Ставрополь
от 50 000 до 120 000 ₽
JavaScript FullStack разработчик
Rocket • Смоленск
от 80 000 до 130 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Тестирование модуля ElasticSearch через ftp
22 нояб. 2024, в 03:54
1500 руб./за проект
Телеграм бот
22 нояб. 2024, в 02:56
10000 руб./за проект
Перерисовать логотип в векторе
22 нояб. 2024, в 00:55
500 руб./за проект
Ещё заказы