How to space images in a table [Archive]

andynov123

11-05-2010, 06:10 PM

Hi,
Im trying to figure out how to space out my images in my table? I also want to be able to move the text in the tables anywhere I want? How do I do this???
You can see it at www.whatupwithit.com.

My HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title> Untitled Document</title>
<link href="Level1_Arial.css" rel="stylesheet" type="text/css" />
<link href="data.css" rel="stylesheet" type="text/css" />
</head>

<body bgcolor= "silver">

<div id="maintable">

<TABLE BORDER="5">
<TR>
<TH COLSPAN="2">
<H3><BR>Latest Game Reviews</H3>
</TH>
</TR>

<TH><h2 id="articles">New Articles</h2><id="costume"><img id="costume" src="CostumeQuest.jpg"/><img id="kirby" src="kirby.jpg" /></TH>
<TH>Video Reviews</TH>
</div>
</body>
</html>

My CSS

body
{
background-image:url('blackbar.jpg');
background-repeat:repeat-x;
}

#movies
{position:absolute;}

#movies {left:960px; top:-123px}
#vgames
{position:absolute;}
#vgames {left:800px; top:-130px}

#maintable {position:absolute;}
#maintable {top:350px; left:600px}
#maintable {border-collapse:collapsed}
table {

border-style: solid;
border-width: 10px;
border-color: #0d7690;
background: color="silver";
}
table {top:100px}

#costume

{bottom:150px}
#costume
h2 {color: #f0ff00}