Испытание таблица посложнее.Что не так? [17/23]


#1
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Таблица посложнее</title>
    <link rel="stylesheet" href="style.css">
  </head>
  <body>
    <table>
      <caption>Посещения по городам</caption>
    <tr>
      <th>Город</th>       
      <th>Посещения</th>   
      <th>Страниц</th>     
      <th>Время</th>
    </tr>
    <tr>
      <td>СПб</td>
      <td>199</td>
      <td>18,02</td>
      <td>00:13:45</td>
    </tr>
    <tr>
      <td>Москва</td>
      <td>69</td>
      <td rowspan="2">нет данных</td>  
      <td>00:00:44</td>
    </tr>
    <tr>
      <td>Киев</td>
      <td>5</td>
     
      <td>00:18:07</td>
    </tr>
    <tr>
      <td colspan="3">Всего посещений</td>
      <td>273</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;
}

caption {
caption-side: bottom;
}
td {
border: 1px solid lightgray;
padding: 10px;
}
th {
border-bottom: 1px solid black;
padding: 10px;
}
bandicam%202018-06-30%2014-23-18-731


#2

Исправьте толщину рамок рамки.


#3

Обратите внимание на кавычки. Они “неправильные”.
Должны быть такие "Arial", а не такие “Arial”.
В старой версии курса с неправильными кавычками испытания не засчитывались…


#4

css code для body пишется не пользователем.Он так и был написан с самого начала.


#5

Скорее всего это недоработка.
Просто возьмите на заметку…

Или лучше проверьте сами:

<td rowspan= “2”>нет данных</td>

Если с такими кавычками у Вас всё работает правильно – значит я ошибаюсь.


#6


#7

Даже так работает.


#8

Без кавычек тоже будет работать.
В Вашем примере одинарные кавычки одинаковые как слева, так и справа – это другой случай.
Браузер для себя их заменит на двойные, и отсутствие кавычек тоже добавит.
Но когда кавычки разные – это ошибка.


#9

Да, это верно.


#10

К “неправильным” кавычкам браузер добавляет свои…