Problemer med table i HTML og CSS
Jeg er i gang med at lave en hjemmeside, som kan ses på det her link:www.all-games.dk/SIDE
Mit problem er, at mine tables går ind over baggrunden, så det ser dumt ud. Det kan også ses på ovenstående link. Er der nogen der kan hjælpe mig med at få mine tables rykket ind, således at baggrunden, som er en sort streg hele vejen ned på siden, kan ses overalt på siden?
Her er index.php:
<html>
<head>
<style type="text/css">
html,body {
height: 100%;
margin: 0px;
padding: 0px; }
.bg {
background-image: url("billeder/bg.jpg");
background-repeat: repeat-y;
width: 702px;
height: 100%; }
.menu {
background-image: url("billeder/menu.jpg");
background-repeat: repeat-x; }
.sidemenu {
background-image: url("billeder/sidemenu.jpg");
background-repeat: repeat-y; }
</style>
</head>
<body>
<table class="bg" cellpadding="0" cellspacing="0" border="0" align="center">
<tr>
<td height="156" colspan="3" valign="top"><img src="billeder/shopcup.jpg" border="0" class="margin"></td>
</tr>
<tr>
<td class="menu" height="30" valign="top"></td>
</tr>
<tr>
<td height="20"></td>
</tr>
<tr>
<td valign="top">
<table cellpadding="0" cellspacing="0" align="left" class="sidemenu">
<tr>
<td valign="top" align="left"><img src="billeder/produkter.jpg" border="0" class="margin"></td>
</tr>
<tr>
<td valign="top" align="left">Produkter her</td>
<tr>
<td valign="top" align="left"><img src="billeder/indkob.jpg" border="0" class="margin"></td>
</tr>
<tr>
<td valign="top" align="left">Indkøbskurv her</td>
<tr>
</table>
</td>
</tr>
</table>
</body>
</html>
