Пoдскажите как убрать отступ между h1 и table.
Скиньте код вашего решения, пожалуйста.
<!DOCTYPE html>
<html>
<head>
<title>2 испытание: медальный зачет</title>
<meta charset="utf-8">
</head>
<body>
<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><br></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><br>
</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><br>
</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><br>
</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><br>
</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><br> </table>
</body>
</html>
html, body{
margin:0;
padding:0;
}
body{
width:450px;
font-family:"Arial", sans-serif;
font-size:16px;
}
h1{
padding:0px;
margin-top:0;
font-size:18px;
font-weight:normal;
text-align:left;
}
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;}
Отстыпы лишние у вас, т.к. применяете br
. В таблице это не работает и переносы строки рендерятся до неё. И вообще это плохая практика применять br
для отступов.