Испытание 2. помощь в прохождение

Курсы Промежуточные испытания
21

подскажите правильные отступы!

22

и как делать отступы для столбцов?

23

Попробуй задать общие отступы для всех ячеек. Сверху и снизу по 10px, справа и слева по 20px.

24

Пробовала, не помогает

25

Кидайте код, посмотрим.

1 лайк
26

а как это сделать? Пытаюсь скопировать, а отображается не код, а картинка.

27

2 лайка
28

/* html, body{
margin:0;
padding:0;
}
body{
width:450px;
font-family:“Arial”, sans-serif;
font-size:16px;
}
h1{
padding:0 20px;
margin:0;
margin-top:20px;
font-size:18px;
font-weight:normal;
}
table {
border-collapse: collapse;
}
td {
width:450px;
padding:10px;

}
tr {

}
.stroka-2 {
background-color:#eeeeee;
}
.numeral {
color:#999999;
font-style:italic;
}
*/

Подскажите, что неправильно?

29

код НTML и картинку, если можно. Без этого трудно разобраться.

30

Здравствуйте, подскажите пожалуйста, что не так? Вроде и отступы менял, и прочее, все равно постоянно небольшие не попадания(
/*

    <h1>Медальный зачет</h1>
    <table>
        <tr>
          <th></th>
          <th></th>
          <th></th>
          <th><img src="/assets/ifmo/medal-gold.png"></th>
          <th><img src="/assets/ifmo/medal-silver.png"></th>
          <th><img src="/assets/ifmo/medal-bronze.png"></th>
          <th><img src="/assets/ifmo/medal-total.png"></th>
         </tr>
         <tr>
           <td><em>1</em></td>
           <td><img src="/assets/ifmo/germany.png"</td>
           <td>Германия</td> 	
           <td>7</td> 	
           <td>3</td> 	
           <td>2</td> 
           <td><b>12</b></td>
          </tr>
          <tr>
           <td><em>2</em></td>
           <td><img src="/assets/ifmo/nederlands.png"</td>
           <td>Нидерланды</td> 
           <td>5</td> 	
           <td>5</td> 	
           <td>7</td> 	
           <td><b>17</b></td>
          </tr>
          <tr>
           <td><em>3</em></td>
           <td><img src="/assets/ifmo/norway.png"</td>
           <td>Норвегия</td> 	
           <td>5</td> 	
           <td>3</td> 	
           <td>6</td> 	
           <td><b>14</b></td>
          </tr>
          <tr>
           <td><em>4</em></td>
           <td><img src="/assets/ifmo/switzerland.png"</td>
           <td>Швейцария</td> 	
           <td>5</td> 	
           <td>1</td> 	
           <td>1</td> 	
           <td><b>7</b></td>
          </tr>
          <tr>
           <td><em>5</em></td>
           <td><img src="/assets/ifmo/russia.png"</td>
           <td>Россия</td> 
           <td>4</td> 	
           <td>7</td>
           <td>5</td> 
           <td><b>16</b></td>
          </tr>

    <!--
    Адреса картинок:
    /assets/ifmo/medal-gold.png
    /assets/ifmo/medal-silver.png
    /assets/ifmo/medal-bronze.png
    /assets/ifmo/medal-total.png
    /assets/ifmo/germany.png
    /assets/ifmo/nederlands.png
    /assets/ifmo/norway.png
    /assets/ifmo/switzerland.png
    /assets/ifmo/russia.png
    -->
</body>
*\ CSS

html, body{
margin:0;
padding:0;
}
body{
width:450px;
font-family:“Arial”, sans-serif;
font-size:16px;
}
h1{
padding:0 20px;
margin:0;
margin-top:20px;
font-size:18px;
font-weight:normal;
}
table {
border-collapse: collapse;
}
td {
padding-top: 10px;
padding-bottom: 10px;
}
th{
padding-left: 20px;
padding-right: 20px;
padding-bottom:10px;
padding-top:10px;

}
td:nth-child(4) {
text-align: center;
}
td:nth-child(5) {
text-align: center;
}
td:nth-child(6) {
text-align: center;
}
td:nth-child(7) {
text-align: center;
}
td:first-child {
color:#999999;
padding-left:20px;
padding-right:20px;
}
tr:nth-child(2) {
background-color: #eeeeee;
}
tr:nth-child(4) {
background-color: #eeeeee;
}
tr:nth-child(6) {
background-color: #eeeeee;
}

/*
Все внутренние отступы кратны 5
Серый цвет фона: #eeeeee
Серый цвет цифр: #999999
*/

Безымянный.png1920×1080 293 KB

31

Спасибо, уже не надо, нашел правильное решение)
Сижу разбираю косяки :blush: