9/23 Знакомство с таблицами. Помогите пожалуйста найти ошибку!)

<!DOCTYPE html>
<html>`Текст "как есть" (без применения форматирования)`
  <head>
    <meta charset="utf-8">
    <title>Простая, но аккуратная таблица</title>
    <link rel="stylesheet" href="style.css">
  </head>
  <body>
    <h1>Посещения по городам</h1>
    <table>
      <tr>
          <td>Город</td>
          <td>Посещения</td>
          <td>Страниц </td>
          <td>Время</td>
      </tr>
      <tr>
        <td>СПб</td>
        <td>199 </td> 
        <td> 18,02 </td>
        <td> 00:13:45</td>
      </tr>
      <tr>
         <td> Москва</td>
         <td>69 </td>
         <td>1,48</td>
         <td> 00:00:44</td>
      </tr>
      <tr>
        <td> Киев  </td>
        <td>5</td>
        <td> 13,43</td>
        <td>00:18:07</td>
      </tr>
        
    </table>
  </body>
</html>





*/
body {
  width: 350px;
  margin: 0;
  padding: 0 10px;

  font-size: 14px;
  font-family: "Arial", sans-serif;
}

table {
  border-collapse:collapse;``Текст "как есть" (без применения форматирования)`
}
  td {
  border-bottom: 2px solid lightdray;
  padding: 10px;
}
*/

Итак, по заветам @Ineska учимся отправлять на форум код.
Выделяем код, вставляем, снова выделяем его уже на форуме, кнопочкой </> или CTRL+SHIFT+C
Выделяем получившееся и прячем под кат, жмем на шестеренку и жмем “Скрыть детали”.
Вместо Сводка - пишем HTML или CSS, ну или забавную короткую подпись.
Каждый код кладем в отдельный контейнер или спойлер, если так удобнее.

Только после этих нехитрых махинаций уже сможем помочь.

Должно получиться что-то вроде этого:

html
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Простая, но аккуратная таблица</title>
    <link rel="stylesheet" href="style.css">
  </head>
  <body>
    <h1>Посещения по городам</h1>
    <table>
    <tr>
      <td>Город</td>
      <td>Посещения</td>
      <td>Страниц</td>
      <td>Время</td>
    </tr>
    <tr>
      <td>СПб</td>
      <td>199</td>
      <td>18,02</td>
      <td>00:13:45</td>
    </tr>
    <tr>
      <td>Москва</td>
      <td>69</td>
      <td>1,48</td>
      <td>00:00:44</td>
    </tr>
    <tr>
      <td>Киев</td>
      <td>5</td> 
      <td>13,43</td>
      <td>00:18:07</td>
    </tr>
  </table>
  </body>
</html>
css
body {
  width: 350px;
  margin: 0;
  padding: 0 10px;

  font-size: 14px;
  font-family: "Arial", sans-serif;
}
table {
  border-collapse: collapse;  
}
td {
  border-bottom: 2px solid lightgray;
  padding: 10px;
}
2 лайка

Я так сделал, а html все равно не отправляет

insert

1 лайк

Перед кодом должна быть пустая строка.

Спасибо) получилось и помогите ошибку найти пожалуйста

Цвет?

пробелы лишние еще в разметке ячеек

lightdray исправил пробелы убрал и нечего не получилось и попытки кончились) уже))

Насколько я помню в этом задании первым должно быть th а не td

1 лайк

Нет.
Видеоразбор посмотрите.

А зачем? Оно дефолтные стили задает, которые потом ручками придется убирать. Смысла то ноль, не профитно.

1 лайк

Вот именно!

Большое спасибо, все получилось)

Лишние пробелы уберите.