визуально практически похоже но при наложении небольшая разница, несколько раз переделывал уже, помогите пожалуйста:
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;}
th{padding:10px;}
td{padding-top: 10px; padding-bottom: 10px;
padding-left: 20px;}
tr:nth-child(2n){background: #eeeeee}
td:nth-child(1){color: #999999; font-style: italic;}
td:nth-child(3){padding-right: 20px;}
td:nth-child(4){padding-right: 35px;}
td:nth-child(5){padding-right: 30px;}
td:nth-child(6){padding-right: 35px;}
td:nth-child(7){text-align: right; font-weight: bold; padding-right: 20px;}
HTML-код, пожалуйста, тоже покажите.
`
2 испытание: медальный зачетМедальный зачет
![]() |
![]() |
![]() |
![]() |
|||
---|---|---|---|---|---|---|
1 | ![]() |
Германия | 7 | 3 | 2 | 12 |
2 | ![]() |
Нидерланды | 5 | 5 | 7 | 17 |
3 | ![]() |
Норвегия | 5 | 3 | 6 | 14 |
4 | ![]() |
Швейцария | 5 | 1 | 1 | 7 |
5 | ![]() |
Россия | 4 | 7 | 5 | 16 |
Я так поняла, вы решили обойтись без классов в этом задании.
Идея хорошая. Но по-моему прописывать отступы для каждой ячейки в отдельности - не лучший вариант. Тем более что вы хотите сделать отступы кратными 5…
Допишите в общие отступы для td еще и отступ справа в 20px. Такие же отступы должны быть и у th. Теперь вам останется подправить отступы всего лишь в одном столбце - самом узком, с флагами. Вот здесь и воспользуйтесь так понравившимся вам псевдоклассом :nth-child () и обнулите отступы справа и слева.
Отдельные лишние отступы для ячеек с 3 по 7 столбец уберите.
спасибо большое!!! чет усложнил)) а вообще как опытные люди пишут? как нужно было, можете подсказать пожалуйста? и еще вопрос если Вам не сложно: тут обучают в CSS код писать h1 {font-family: Tahoma;} но я заметил что он работает и так h1{font-family:tahoma;}, как все таки правильно и как принято писать?
Заранее благодарен, просто спросить не у кого, сам пытаюсь учится после работы))
Нет единственного правильного варианта кода для этого задания. Это в некотором смысле творческое задание. Главное, чтобы ваше решение отвечало общепринятым правилам. А используете вы классы или псевдоклассы - это дело вкуса и стиля.
Посмотрите здесь общие правила по стилю кода Академии, если вы их еще не видели.
Там все шрифты пишутся с большой буквы. Это как правила хорошего тона: тэги и атрибуты строчными буквами, все парные тэги закрыты, пробелы после двоеточия в CSS-коде и т. д.
А браузер поймет, даже если тэги не все закрыты. Однако такое оформление может подпортить применение отдельных стилей.
Поэтому лучше пишите правильно.
Еще совет. Подпишитесь на рассылку и на группы в соц. сетях Академии, чтобы быть в курсе последних новостей.