17/23

Курсы §5. Знакомство с таблицами
1

Ребята помогите разобраться, как мне поднять таблицу, выдает результат 80%

<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 {
width: 350px;
margin: 0;
padding: 0 10px;

font-size: 14px;
font-family: “Arial”, sans-serif;
}
table{
border-collapse:collapse;
}
td{
border:1px solid lightgray;
padding:10px;
}
th{
border-bottom: 2px solid black;
padding:10px;
}
caption{
caption-side:bottom;
}

3

нервов нет на все это просто напросто, в этом отрезке

<tr>
 <td> Москва </td>     
 <td> 69 </td>>         
 <td rowspan="2"> нет данных </td>
 <td> 00:00:44</td>
  </tr>

был лишний символ, и-за этого я не мог понять в чем дело. Посмотрел, все коды, они идентичны. Только у меня 80%, а у людей 100%.

4

вот мой цсс код.сдал на 100
body {
width: 350px;
margin: 0;
padding: 0 10px;

font-size: 14px;
font-family: “Arial”, sans-serif;
}
table{
border-collapse:collapse;
caption-side:bottom;
border:lightgray;
border-spacing:0;
}

td{
padding: 10px}
th{
border:none;
border-bottom: 2px solid black;
padding:10px;
}

6

а зачем вы после border-collapse: collapse; ещё прописываете и border-spacing:0; ?