im looking to make a small box with six images within, each with a small description to the right,i want them all to be inside this box automatically so when i add a link it will go in the correct position.if this is posible any info will be appreciated.
heres the code i tried to use…
css=
#gamesHolder{
background-color:#6633FF;
width:500px;height:10;
}
#games img{
width:50px;height:50px;
border: solid grey 1px;padding:2px;
}
#games h5{
height:20px;width:200px;
position:relative;left:65px;top: -79px;
}
#games p{
height:40px;width:200px;
position:relative;left:65px;top: -103px;
font-size:14px;
}
HTML=
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “
<html xmlns=”
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=iso-8859-1″ />
<title>Untitled Document</title>
<style>
@import “tabTesterCSS.css”;
</style>
</head>
<body>
<div id=”gamesHolder”><div id=”games”>
<img src=”image.jpg”/><h5><a href=”www.dffg.com”>a link blahd</a></h5><p>sdfsdfsdf</p>
<img src=”image2.jpg”/><h5><a href=”www.dffg.com”>a link blahd</a></h5><p>sdfsdfsdf</p>
</div>
</div>
</body>
</html>