Hi, basically I have 48 images, named from image1 to image48
They are all placed in div tags like this:
<div id="image1"></div>
The coding is in the style sheet:
#image1 {
background: url('../images/the_eye_01.gif');
height: 100px;
width: 100px;
position: absolute;
left: 0px;
border: 1px solid #999999;
top: 0px;
}
Al lthe images are 100px by 100px and there is 6 rows with 8 collums
My main question is, how can I centre these in the page so it is suitable for all resolutions?
Thanks..
Please reply with the edited code, rather then the code I need to add. THANKS!
They are all placed in div tags like this:
<div id="image1"></div>
The coding is in the style sheet:
#image1 {
background: url('../images/the_eye_01.gif');
height: 100px;
width: 100px;
position: absolute;
left: 0px;
border: 1px solid #999999;
top: 0px;
}
Al lthe images are 100px by 100px and there is 6 rows with 8 collums
My main question is, how can I centre these in the page so it is suitable for all resolutions?
Thanks..
Please reply with the edited code, rather then the code I need to add. THANKS!