Könnt Ihr mir mal bitte helfen? Bin schon seid Stunden dran und finde nicht den Fehler, warum nach der ersten Zeile eine Lücke ist.
https://mgordon.lima-city.de/table/
Alle Grafiken sin 16x20groß. Ich blicke den Fehler nicht!
HTML
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Tabelle</title>
<style>
html {
background: url(img/backgrnd.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.Top {
height:16px;
background:url(img/top.png);
background-repeat: repeat-x;
}
.Left {
width:20px;
background:url(img/li.png);
background-repeat: repeat-y;
}
.Right {
width:20px;
background:url(img/re.png);
background-repeat: repeat-y;
}
.Bottom {
height:16px;
background:url(img/un.png);
background-repeat: repeat-x;
}
</style>
</head>
<body>
<center>
<table width="900" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="20px"><img src="img/lo.png" width="20" height="16" alt=""/></td>
<td class="Top"></td>
<td width="20px"><img src="img/ro.png" width="20" height="16" alt=""/></td>
</tr>
<tr>
<td class="Left"></td>
<td background="img/tbback.png">Text<br>
Text<br>
Text<br></td>
<td class="Right"></td>
</tr>
<tr>
<td><img src="img/lu.png" width="20" height="16" alt=""/></td>
<td class="Bottom"></td>
<td><img src="img/ru.png" width="20" height="16" alt=""/></td>
</tr>
</table>
</center>
</body>
</html>
