не могу пройти итговую таблицу((

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

Помогите пожалуйста,как увеличить ширину таблицы ставила разные значения не помогает(,мб и не в этом дело?

Скриншот 2015-10-09 12.37.16.png1366×768 156 KB

2

Не смотрел задания, но ширина вряд ли управляется свойством width у таблицы. Давайте код лучше.

3
Испытание: итоговая таблица

Итоговая таблица

    <table>
        <tr>

   <th class="row-1">  Город </th> 
   <th class="row-2">  Посещений</th>    
   <th class="row-3">  %</th>
   
   </tr>
   <tr>
   <td> СПб</td>        
   <td class="center">199</td>            
   <td class="right">65.12</td>
   </tr>
   <tr style="background-color:lightyellow">
   <td> Москва </td>   
   <td class="center">69</td>
   <td class="right">21.3</td>
   </tr>
   <tr>
   <td> Киев</td>
   <td class="center">5<td>
 <td class="right">8</td>
 </tr>
 <tr style="background-color:lightyellow">
                     
  <td colspan="2"> Посещений за весь период</td>   
  <td class="right">273</td>
  </tr>
  
  </table>
  </body>
   </html>
4

вот css, не могу найти ошибку(((
body {
width: 350px;
margin: 0px;
padding: 0 10px;
font-size: 14px;
font-family: Arial, sans-serif;
}
table {
border-collapse:collapse;

}

th {
padding: 10px;
border-bottom: 1px solid black;
border-top: 1px solid black;

}
.row-1 {
background-color: darkcyan;color: white;
text-align: left;
width: 33%;
}
.row-2 {
background-color: lightblue;color: white;
text-align: center;
width: 33%;
}
.row-3 {
background-color: darkcyan;color: white;
text-align: right;
width: 33%;
}

td {
border-bottom: 1px solid lightgray;
padding: 10px;
}
.center {
text-align:center;
}
.right {
text-align:right;
}

5

А ошибка в незакрытой ячейке (</td>). 4 строка, после “5”. По скриншоту видно, что там лишняя ячейка, которая и вытесняет ячейку с цифрой “8”.

1 лайк
6

спасибо, все получилось, это все моя не внимательность)))

1 лайк