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


tasa__93@mail.ru

Ох, как я далека от всего этого. Почитала, хоть немного начала понимать и вникать. Надеюсь, в дальнейшем у меня все получится и я наконец-то разберусь в HTML)

ol

Здравствуйте!

В варианте с чистым HTML понятно, где и как должен быть прописан заголовок: "Таблица умножения" - в теге "<caption>". А в варианте с CSS где и как прописывать заголовок?

ivashkevich

Приветствую, в этом же теге. И в дальнейшем для этого тега просто задаются свойства:

<style>
caption {
    тут стили;
}
</style>
ol

Спасибо.

Raindery

У меня возникла проблема. Т.к. я работаю с отдельным файлом CSS, а не в самом HTML-файле пишу CSS код, по какой-то причине после перезапуска компьютера, CSS файл не реагирует на изменения которые я вношу в него. А остается таким, каким я его сделал до перезапуска.

ivashkevich

Здравствуйте, напишите мне в ВК. Посмотрим, что у вас там такого ужасного)

Serg

Здравствуйте. Удалил первую таблицу, создал вторую. Стили не менял, теперь они не корректно влияют на вторую таблицу.Почему так? Спасибо за курсы!)

ivashkevich

Привет. А что значит некорректно? Давайте детали - код в студию! :)

HanSo1o

Здравствуйте, не получается сделать заголовок сверху справа, не пойму, что сделал не так?!
скрин
Скрин2

ivashkevich

Перечитайте про тег caption. У вас его вообще нет.

ReyJiz
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        #table1 {
            border: solid 1px;
            border-collapse: separate;
            border-spacing: 10px;
            caption-side: top;
        }

        table caption{
            text-align: right;
        }

        #table1 td {
            border: solid 1px;
            padding-top: 10px;
            padding-right: 5px;
            padding-bottom: 15px;
            padding-left: 20px;
        }

        /*      #table2 {
            border: 1px;
        }

        #table2 td {
            border: 1px green;
            border-bottom: solid 1px black;
            padding: 5px;
        }
        */
    </style>
</head>

<body>
    <table id="table1" align="center">
        <caption>Название таблицы</caption>
        <tr>
            <td>Верхняя левая ячейка</td>
            <td>Верхняя правая ячейка</td>
        </tr>
        <tr>
            <td>Средняя левая ячейка</td>
            <td>Средняя правая ячейка</td>
        </tr>
        <tr>
            <td>Нижняя левая ячейка</td>
            <td>Нижняя правая ячейка</td>
        </tr>
    </table>

    <br>

    <!-->
    <table id="table2" align="center">
        <tr>
            <td>Средняя левая ячейка</td>
            <td>Средняя левая ячейка</td>

        </tr>
        <tr>
            <td>Средняя левая ячейка</td>
            <td>Средняя левая ячейка</td>
        </tr>
        <tr>
            <td>Средняя левая ячейка</td>
            <td>Средняя левая ячейка</td>
        </tr>
    </table>
    <!-->

</body>

</html>
ivashkevich

Хорошо, но комментарии в коде перед отправкой лучше удалять.

fapchat2@gmail.com
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Пример таблицы</title>
     <style type="text/css">
        table  {    

        color:white ;   
        align: center; 
        vertical-align: middle;
        border-collapse: collapse;
         width: 80%;
         height: 100px;

        }
            td, th {

        vertical-align: top;
    text-align: middle;
            border: solid 1px purple;
             padding:30px;
             background-color: black;

        }

    </style>
</head>
<body>
     <caption>ТАБЛИЦА </caption>
<table style="margin: auto;" >

    <tr>

         <th rowspan="2" style="width: calc(100% + 50px);" >Production</th>
         <th colspan="3">Налоговая система</th>
    </tr>
    <tr>
        <th>с 0101 по 3101</th><th>с 01 по 31</th><th>с 01 </th>
    </tr>
    <tr>
        <th ;">  Дизельное топливо</th><td ">3450 руб.</td><td  ">3470 руб.</td><td >3950 руб.</td>
    </tr>
</table>
</body>
</html>

Как не пытаюсь поставить куда нибудь название таблицы - всё бестолку, название всегда в левом верхнем углу страницы

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Пример таблицы</title>
     <style type="text/css">
        table  {    

        color:white ;   
        align: center; 
        vertical-align: middle;
        border-collapse: collapse;
         width: 80%;
         height: 100px;
         caption-side: bottom;

        }
            td, th {

        vertical-align: top;
    text-align: middle;
            border: solid 1px purple;
             padding:30px;
             background-color: black;

        }

    </style>
</head>
<body>
     <caption>ТАБЛИЦА </caption>
<table style="margin: auto;" >

    <tr>

         <th rowspan="2" style="width: calc(100% + 50px);" >Production</th>
         <th colspan="3">Налоговая система</th>
    </tr>
    <tr>
        <th>с 0101 по 3101</th><th>с 01 по 31</th><th>с 01 </th>
    </tr>
    <tr>
        <th ;">  Дизельное топливо</th><td ">3450 руб.</td><td  ">3470 руб.</td><td >3950 руб.</td>
    </tr>
</table>
</body>
</html>

вот например добавим caption-side:botttom, но ничего не поменялось

ivashkevich

Тег caption должен быть внутри тега table.

classic17071999@mail.ru
    #table4 {
        border: solid 1px blue;
        border-collapse: collapse;
        caption-side: top;
        }
    #table4 caption {
        text-align: right;
        }
    #table4 td {
        border: solid 1px blue;
        padding: 10px;
        }
kap864@yandex.ru
table {
        caption-side: top;
        border: solid 4px black;
        border-collapse:separate;
        border-spacing: 10px;
        } 
         table-caption {
         text-align: right;
        }
        td {
        border: solid 2px green;
        padding: 10px;
        padding-bottom: 15px;
        padding-left: 20px;
        padding-right: 5px;
        padding-top: 10px;
        } 

пишу так и у меня не уходит текст вправо

table {
        caption-side: top;
        border: solid 4px black;
        border-collapse:separate;
        border-spacing: 10px;
        } 
         table caption {
            text-align: right;
        }
        td {
        border: solid 2px green;
        padding: 10px;
        padding-bottom: 15px;
        padding-left: 20px;
        padding-right: 5px;
        padding-top: 10px;
        } 

пишу так и все получается . Как понять почему ? вариант где все получается я копирую и вставляю со страницы урока.

ivashkevich

table-caption - такого тега нет

miv1197@mail.ru
<!DOCTYPE html>
<html>
  <head>
    <title>Table</title>
    <style>
      table {
        border: solid 3px green;
        border-spacing: 10px; /*--- Внешние отступы ---*/
        caption-side: top;
      }
      table caption {
        text-align: right;
      }
      th, td {
        border: solid 2px green;
        padding: 10px 5px 15px 20px; /*--- внутренние отступы ---*/
      }
    </style>
  </head>
  <body>
    <table>
      <caption>table</caption>
      <tr>
        <th>Column 1</th>
        <th>Column 2</th>
        <th>Column 3</th>
      </tr>
      <tr>
        <td>One</td>
        <td>Two</td>
        <td>Three</td>
      </tr>
    </table>
  </body>
</html>
ivashkevich

Отлично

Veronika
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="keywords" content="web, программист, разработчик, junior, html, php, резюме">
        <meta name="description" content="Талантливый начинающий программист, с горящими глазами. С удовольствием приму участие как в проектировании и разработке новых проектов, так и в доработке и совершенствовании существующих">
        <title>Лучший программист Шадрина Вероника</title>
        <style>
        table {border: solid 1px blue; border-collapse: separate; border-spacing: 10px; caption-side: top;}
        table caption {text-align: right;}
        td {border: solid 1px blue; padding-top: 10px; padding-bottom: 15px; padding-left: 20px; padding-right: 5px;}
    </style>
        <link href="style.css" rel="stylesheet"/><!--подключенные внешние стили. находятся в файле style.css-->
    </head>
    <body>
<h1>Шадрина Вероника</h1>
<a href="image.jpg"><img src="image.jpg" width="200"></a>
<h2>Контактная информация</h2>
<table>
<caption>Таблица</caption>
    <tr>
        <td>Город</td><td>Ростов-на-Дону</td>
    </tr>
    <tr>
        <td>Телефон</td><td>8-961-444-44-44</td>
    </tr>
    <tr>
        <td>Адрес эл. почты</td><td>veronika_shadrina@mail.ru</td>
    </tr>
</table>
ivashkevich

Отлично

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