I am trying to make a single table background using CSS, but I cannot get the table to form. Here is my code example:
<html>
<head>
<style type="text/css">
body {background-image:url('http://www.example.com/images/image1.jpg');}
table.background { background: url('http://www.example.com/images/image2.gif') no-repeat; }
</style>
</head>
<body>
<table class="background" style="width:400px;height:500px;> <tr><td>
<h1>Hello World!</h1></td></tr></table>
</body>
</html>
Why don’t I see the Hello World statement displayed in the output?
tables should NOT be used to make layout. table is meant to display data, not headers. use divs instead