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

[Sergey_Vasilchenko]

пожалуйста подскажите, что не так, пишу вроде всё правильно но у меня все поля таблицы окрашиваются в серый цвет, как исправить?
CSS

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;
}
/*
Все внутренние отступы кратны 5
Серый цвет фона: #eeeeee
Серый цвет цифр: #999999
*/
table {border-collapse: collapse;
padding: 0px;
margin-top: 0px;
}
td {padding: 15px;
border-bottom:2px;}
tr {padding: 2px;}
img {padding-right: 0px;}
td:first-child {color:#999999; padding-left:20px;
padding-right:20px;}
td:nth-child(2) {padding: 5px;
text-align: center;}
.grey {
background:#eeeeee;}

[Sergey_Vasilchenko]

Вот так это выглядит:

[Ineska]

Здравствуйте) Обратите внимание, вы же сами присвоили каждой строке tr класс .grey
Для того, чтобы покрасить только нечетные строки есть псевдокласс nth-child (even)

[Sergey_Vasilchenko]

здраствуйте, я не дождлся вашего ответа и решил подругому написать HTML код, а также CSS, теперь визуально всё совпадает, завтра появятся попытки и проверю: вот как я сделал:

[Sergey_Vasilchenko]

завтра ещё отвечу получилось или нет

[Ineska]

так по ширине таблица с образцом не совпадает)

[Sergey_Vasilchenko]

а как исправить?

[Ineska]

Нужен код ваш, последняя версия полностью. По картинке весь не видно.

[Sergey_Vasilchenko]

вот:

HTML

/*

2 испытание: медальный зачет

    <h1><b>Медальный зачет</b></h1>
    <table cellpadding="10">
    <tr class="round">
    <td colspan=3></td>
    <td><img src=/assets/ifmo/medal-gold.png></td>
    <td><img src=/assets/ifmo/medal-silver.png></td>
    <td><img src= /assets/ifmo/medal-bronze.png></td>
    <td><img src=/assets/ifmo/medal-total.png></td>
    </tr>
    <tr class=grey>
    <td><i>1</i></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><i>2</i></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 class=grey>
    <td><i>3</i></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><i>4</i></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 class=grey>
    <td><i>5</i></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>
    </table>
</body>

*\

CSS

body{
width:450px;
font-family:“Arial”, sans-serif;
font-size:15px;
}
h1{
padding:5px;
margin:5px;
margin-top:15px;
font-size:18px;
font-weight:normal;
}
/*
Все внутренние отступы кратны 5
Серый цвет фона: #eeeeee
Серый цвет цифр: #999999
*/
table {border-collapse: collapse;
padding: 5px;
margin-top: 5px;
}
td {padding: ;
border-bottom:5px;}
tr {padding: 5px;}
img {padding-right: 5px;}
td:first-child {color:#999999; padding-left:20px;
padding-right:20px;}
td:nth-child(2) {padding: 5px;
text-align: center;}
.grey {
background:#eeeeee;}
background:#eeeeee;}

[Ineska]

сделайте общие отступы для ячеек, сверху и снизу по 10px, справа и слева по 20px.
В правиле td { }
Последняя строка - это опечатка, правда?

[Sergey_Vasilchenko]

большое спасибо вам, да это была опечатка, я её исправил и добавил отступы, завтра появятся попытки и попробую!

[Ineska]

Пожалуйста) Я лишь надеюсь, что когда я где-нибудь застряну, мне тоже кто-то поможет)

[silvestre]

Помогите с велосипедом.
HTML:

    
       2 испытание: медальный зачет
       
    
    
        
Медальный зачет

1		Германия	7	3	2	12
2		Нидерланды	5	5	7	17
3		Норвегия	5	3	6	14
4		Швейцария	5	3	6	7
5		Россия	4	7	5	16

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 { width: 450px; padding: 10px; } tr:nth-child(2n) { background-color: #eeeeee; } td:last-child { font-weight: bold; } td:first-child { padding-left: 20px; padding-right: 0px; color: #999999; font-style: italic; }

[Ineska]

картинки в студию)

[Sergey_Vasilchenko]

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

[Ineska]

Это был бы самый простой вариант. Дело не в том, что мне жалко… Просто скопировав, не научитесь. А если сами его добьете, то по крайней мере в этой теме будете профи. Давайте попробуем еще.

[Sergey_Vasilchenko]

ну ладно, спасибо, буду пробовать!

[Ineska]

Обращайтесь, если что.

[silvestre]

[vsrgv]

аналогично