Вернуться на главную.

Пример ширины таблицы через css.

Нам было скучно описывать простую ширину на простой таблице и в простом файле css, поэтому, мы взяли каркас страницы.
Сделали отдельную страницу, создали файл css, прикрепили к данной странице созданный новый файл css, в котором прописали все ширины данного каркаса!
 
Вернуться на страницу описания.

Бордюр оставлен для того, чтобы вы смогли увидеть края таблицы.

Пример каркаса старницы с таблицами ширина которых прописана в файле css:

Поиск сайта.
Содержание сайта. Разное.
Контакты. sitemap.xml

Скопировать код каркаса страницы с таблицами ширина которых прописана в файле css:

<table id="big">
<tbody>
<tr>
<td>
<table class="header">
<tbody>
<tr>
<td class="logo">Логотип сайта.</td>
<td class="poisk">Поиск сайта.</td>
</tr>
</tbody>
</table>
<table class="big-2">
<tbody>
<tr>
<td class="menu">Меню сайта</td>
<td class="text">Содержание сайта.</td>
<td class="different">Разное.</td>
</tr>
</tbody>
</table>
<table class="futer">
<tbody>
<tr>
<td class="contakt">Контакты.</td>
<td class="Copyright"> Copyright </td>
<td class="sitemap">sitemap.xml</td>
</tr>
</tbody>
</table></td>
</tr>
</tbody>
</table>

Код css, в файле css:

/* CSS Document */

#big{
width:1000px;
border: 1px solid;
}
.header{
width:1000px;

}

.big-2{
width:1000px;
border: 1px solid;
}
.logo{
width: 500px;

}
.poisk{
width: 500px;
}
.menu{
width:200px;

}
.text{
width: 600px;

}
.different{
width:200px;

}
.futer{
width:1000px;


}
.contakt{
width:200px;
}

.Copyright{
width: 600px;
}

.sitemap{
width:200px;
}

P.S.

Если вы не знаете, что делать с  кодом css, то вам нужно создать файл css, потом прикрепить его к странице.

Tags:

Пример ширины таблицы через css.,