arranging thumbnails by div/css only question

[michael]

Hi All,

I'm trying to achieve an "ideal" of arranging the thumbnails
on one of my sites using only styles and divs, rather than a
table. I'm well practised with Divs etc, but a solution that
works properly eludes me here. In particular there are two problems..

1). There are graphical glitches in both IE and Firefox/opera, some of
the time.
2). The thumbnails are not centrally aligned and even wrapping a div
align center
around them doesn't help. Shrinking the outer window helps in FF for
screws up
in IE.

The URL in question is www.galaxyarcade.co.uk and the thumbnails are
those which contain the game images and title/links. Any suggestions
greatly appreciated.

Thanks

Michael.

[jim]

michael-
I created a solution which has now been contaminated from attempts to
change it. basically it uses li tags and anchor tags:

<div id="imholder
<ul
<li>
<img>
(a href>linktext</a)
</li>
<li>
<img>
(a href>linktext</a)
</li>
<li>
<img>
(a href>linktext</a)
</li>
</ul
</div>

Worked great in MSIE but then i had to go look in ffox and it was a
complete mess! uugh! The problem in ffox i was having was trying with
css to clear the image and make the anchor tag text sit underneath the
image as the linking caption. the solution did work and was expandable
in the parent div (keeping it centered) as the page expanded in
width.... but that was msie only.

Hopefully this gives you some ideas to work with and perhaps figure out
where i went wrong.

[michael]

Hi Jim,

OK, thanks. I'll have a go with that.

Regards

Michael.
jim wrote:

michael-
I created a solution which has now been contaminated from attempts to
change it. basically it uses li tags and anchor tags:

<div id="imholder
<ul
<li>
<img>
(a href>linktext</a)
</li>
<li>
<img>
(a href>linktext</a)
</li>
<li>
<img>
(a href>linktext</a)
</li>
</ul
</div>

Worked great in MSIE but then i had to go look in ffox and it was a
complete mess! uugh! The problem in ffox i was having was trying with
css to clear the image and make the anchor tag text sit underneath the
image as the linking caption. the solution did work and was expandable
in the parent div (keeping it centered) as the page expanded in
width.... but that was msie only.

Hopefully this gives you some ideas to work with and perhaps figure out
where i went wrong.