Forum Moderators: not2easy
#apDiv1 {position:absolute;left:74px;top:150px;width:308px;height:217px;z-index:2;}
#apDiv3 {position:absolute;left:474px;top:367px;width:146px;height:106px;z-index:3;}
#apDiv5 {position:absolute;left:682px;top:367px;width:146px;height:106px;z-index:3;}
#apDiv7 {position:absolute;left:882px;top:367px;width:146px;height:106px;z-index:3;}
#apDiv9 {position:absolute;left:474px;top:567px;width:146px;height:106px;z-index:3;}
#apDiv11 {position:absolute;left:682px;top:567px;width:146px;height:106px;z-index:3;}
#apDiv13 {position:absolute;left:882px;top:567px;width:146px;height:106px;z-index:3;}
-->
</style>
</head>
<body background="wallpaperfullsmCOVEv2.jpg">
<div id="apDiv1"><a href="TESTHOME.html" target="_self"><img src="logoframe.jpg" width="308" height="217" /></a></div>
<div id="apDiv3"><a href="A.html" target="_self"><img src="small1A.jpg" width="146" height="106" /></a></div>
<div id="apDiv5"><a href="CLIENTS.html" target="_self"><img src="small1B.jpg" width="146" height="106" /></a></div>
<div id="apDiv7"><a href="C.html" target="_self"><img src="small1C.jpg" width="146" height="106" /></a></div>
<div id="apDiv9"><a href="D.html" target="_self"><img src="small1D.jpg" width="146" height="106" /></a></div>
<div id="apDiv11"><a href="E.html" target="_self"><img src="small1E.jpg" width="146" height="106" /></a></div>
<div id="apDiv13"><a href="F.html" target="_self"><img src="small1F.jpg" width="146" height="106" /></a></div>
Not sure if the above makes it clear about how it needs to look but basically div3 to div 13 are arranged in a grid 3 on the top row and 3 on the bottom row but arranged in the middle of the page but with fixed gaps between them.
#apDiv3 { position:absolute; left:50%; top:367px; width:12%; height:106px; z-index:3; }
#apDiv5 { position:absolute; left:64%; top:367px; width:12%; height:106px; z-index:3; }
#apDiv7 { position:absolute; left:77%; top:367px; width:12%; height:106px; z-index:3; }
so that it appears correct on all screens
Once you know what you want to happen it's usually all simple enough.
e.g. if you don't want anything to change but keep your "cluster" of divs in a centered spot: just add a wrapper and center that one, giving it position and letting the child elements use absolute positioning to position themselves inside their parent.
BTW: <div><a><img /></a></div> : that's a superfluous div, you can style the <a> itself just as well.
And I'd make the named used as ID a bit more meaningfull.
