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


ImmortalPsych
<!DOCTYPE=html>
<head>
    <meta charset="utf-8">
    <title>Табличка</title>
    <style>
        table {border: dotted 5px green;
               border-collapse: collapse;}
        td {border: dotted 5px green;}
    </style>    
</head>
<body>
<table>
    <tr>    <td></td>               <td>Золото</td>     <td>Серебро</td>        <td>Бронза</td>         <td>Всего</td>      </tr>
    <tr>    <td>Россия</td>         <td>8</td>          <td>15</td>             <td>19</td>             <td>38</td>         </tr>
    <tr>    <td>Белоруссия</td>     <td>6</td>          <td>14</td>             <td>17</td>             <td>33</td>         </tr>
    <tr>    <td>Азербайджан</td>    <td>2</td>          <td>10</td>             <td>19</td>             <td>27</td>         </tr>
</table>
</body>
</html>

Такой збс урок, я получил удовольствие прям)) Кое-что не понял, но потом покопался и дошло.
Не получалось у меня убрать отступы между ячейками.
Моя ошибка: я, почему-то, подумал, что когда прописывается этот код

        table {
            border: solid 1px blue;
            border-collapse: collapse;
        }

(то есть когда прописываем атрибут border у задаём его значение), то мы убираем td (то есть не задаём значений для ячеек). Но потом посмотрел на htmlbook.ru пример таблицы (с кодом, естественно), сравнил со своей и увидел свою ошибку.

ДЕРЖУ ВСЕХ В КУРСЕЕЕЕ :DD

ivashkevich

Хорошо, что сам нагуглил - это в разработке один из самых важных навыков.

nastasya95

Спасибо за урок! Все очень доходчиво и ясно написано)

<!DOCTYPE html>
<html>
<head>

<meta charset = "utf-8">
<title>table</title>
<meta name ="keywords" content ="sedffffffff, sdfffffffffff, sdfffffffffff, sdfffff">
<meta name ="description" content ="sedffffffff sdfffffffffff sdfffffffffff sdfffff dffffffffff ">
<style>
table{
border:solid 5px green;
border-collapse:collapse;
}
td{
border:dotted 1px blue;
}
</style>
</head>
<body>

<table>

<tr> <td>Верхняя левая ячейка</td>  <td>Верхняя правая ячейка</td> 
</tr>

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

<tr>  <td>Нижняя левая ячейка</td>  <td>Нижняя правая ячейка</td>
</tr>

</table>
</body>
</html>
ivashkevich

Пожалуйста =)

csy

У Вас ошибка, здесь должно быть так же 5рх, а то табличка не красивая будет.

td{
border:dotted 1px blue;
}
ReyJiz
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        table {
            border: dashed 5px blue;
            border-collapse: collapse;
        }

        td {
            border: dotted 2px grey;
            padding: 5px;
        }
    </style>
</head>

<body>
    <table border="1px" align="center">
        <tr>
            <td>Верхняя левая ячейка</td>
            <td>Верхняя правая ячейка</td>
        </tr>
        <tr>
            <td>Средняя левая ячейка</td>
            <td>Средняя правая ячейка</td>
        </tr>
        <tr>
            <td>Нижняя левая ячейка</td>
            <td>Нижняя правая ячейка</td>
        </tr>
    </table>
</body>

</html>
ivashkevich

Отлично

Summers

Артём, а разве в таблице мы не можем создать ссылку прямо в самой ячейке? У меня не получлось. Или я плохо пыталась?

ivashkevich

Внутри тегов td нужно разместить тег a

kap864@yandex.ru
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Создание таблицы</title>
        <style>
        table {border: solid 5px red;
        border-collapse:collapse;} <!-- цвет, размер разметки окантовки таблицы --> <!-- делает раздел столбцов одной строкой -->
        td {border: solid 1px green;} <!-- цвет, размер разметки внутри таблицы -->

        </style>
    </head>
    <body>
    <table> <!-- тег для создания таблицы и его границ с жирностью  -->
    <tr> <!-- строки столбца -->
        <td>Верхняя левая</td><td>Верхняя правая </td> <!-- ячейка внутри столбца -->
    </tr>
    <tr>
        <td>средняя левая</td><td>средняя правая</td>
    </tr>
    <tr>
        <td>Нижняя левая </td><td>Нижняя правая </td>
    </tr>
    </table>
    </body>
</html>

Не могу понять, почему у меня совсем исчезают границы внутри таблицы, вроде все правильно. Работаю в notepad++ через яндекс браузер.

ivashkevich

В стилях комментарии по-другому оформляются. Ошибка только в этом:

    <style>
        table {border: solid 5px red; border-collapse:collapse;}
        /*comment*/
        td {border: solid 1px green;} 
    </style>
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 5px green;border-collapse: collapse;}
        td {border: dotted 1px blue;}
    </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>
    <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

Отлично

prinzplanloser0514@gmail.com
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Ну шо работяги,поехали</title>
    <style>
    table {border:solid 1px blue;border-collapse: collapse;}
    td {border:solid 1px blue;}
    </style>
</head>
<body>
<a href="Sait.html">Погнали обратно </a>
<table>
    <tr>
        <td>Верхяя левая ячейка</td><td>Верхняя правая ячейка</td>
    </tr>
    <tr>
        <td>Средняя левая ячейка</td><td>Средняя правая ячейка</td>
    </tr>
    <tr>
        <td>Нижняя левая ячейка</td><td>Нижняя правая ячейка</td>
    </tr>
</table>
</body>
</html>

Добрый день,не могу понять почему отступы не убираются.

ivashkevich

Открываю ваш код у себя, и всё ок.

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