Чат Telegram
Группа ВКонтакте
Новый комментарий


Vlad

Всё получилось, только вот размер последнего столбца изменить не получилось (((

ivashkevich

Если у вас задан размер для таблицы, то размер столбцов в сумме должен с ним совпадать, скорее всего в этом дело.

Dilik

Блин получается)) я в шоке. Понимаю что и за что отвечает в этих всех тегах. Неделю назад и не подумал бы))

alsvis2013

Подскажите пожалуйста, какой тип и размер шрифта в HTML устанавливается по умолчанию.

Timon

Для текста в таблице по умолчанию стоит:
font-size: 16px;
font-family: timesnewroman;
font-style: normal; <!-- для <th>-тэгов - bold -->
Если добавить эти параметры в атрибуты ячейки (td{...}), то в таблице визуально ничего не изменится.

alsvis2013

Спасибо!

Foont7

ширина таблицы в 100%, вероятно, нужна для табличной вёрстки сайта, чтобы содержимое автоматически занимало всю ширину окна браузера?

ivashkevich

Да, всё так

fapchat2@gmail.com

как изменить размер 1 и последнего столбца таблицы на 50пикселей? мы же не знаем сколько в них пикселей

ivashkevich

Можно задать класс CSS, в котором считать ширину с помощью calc(). Примеры тут

kekspeks

А обязательно использовать calc? У меня вообще не получается :(((

ivashkevich

Не обязательно.

Bashka
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Таблица с заданными размерами</title>
    <style>
        table {
            border: solid 1px blue;
            border-collapse: collapse;
            width: 100%;
            height: 100px;
        }

        td, th {
            border: solid 1px blue;
            padding: 10px;
        }
    </style>
</head>
<body>
<table align="center">
    <caption>Таблица с заданными размерами</caption>
    <tr>
        <th  style="width: 50px">1</th>
        <th>2</th>
        <th>3</th>
        <th>4</th>
        <th>5</th>
    </tr>
    <tr>
        <th>1</th>
        <th>2</th>
        <th>3</th>
        <th>4</th>
        <th>5</th>
    </tr>
    <tr>
        <th>1</th>
        <th>2</th>
        <th>3</th>
        <th>4</th>
        <th  style="width: 50px">5</th>
    </tr>
</table>
</body>
</html>
Veronika
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Всякая всячина</title>
    <meta name="keywords" content="всякая, всячина">
    <meta name="description" content="Кручу, верчу, обмануть всех хочу">
    <style>
        table {border: solid 1px gray; border-collapse: separate; caption-side: top; width: 100%; height: auto;}
        table caption {text-align: center;}
        td, th {border: solid 1px gray; vertical-align: middle; text-align: center; padding: 10px;}
    </style>
</head>
<body>
<table>
<caption>Таблица</caption>
    <tr>
        <td style="width:50px">1</td>
        <td>2</td>
        <td>3</td>
        <td>4</td>
        <td style="width:50px">5</td>
    </tr>
    <tr>
        <td>1</td>
        <td>2</td>
        <td>3</td>
        <td>4</td>
        <td>5</td>
    </tr>
    <tr>
        <td>1</td>
        <td>2</td>
        <td>3</td>
        <td>4</td>
        <td>5</td>
    </tr>
    <tr>
        <td>1</td>
        <td>2</td>
        <td>3</td>
        <td>4</td>
        <td>5</td>
    </tr>
</table>
ivashkevich

Отлично

Онлайн-курсы PHP и MySQL
Обучение с полного нуля до уровня джуниора!
Начать бесплатно
Логические задачи с собеседований