attempting to center text (title) under thumbnail

Gabby7 · 10-21-2009, 12:25 AM

Hello+
Thank you in advance for your guidance...

I am using CSS to display thumbnails in a 'grid' w/out using tables (thanks to all who advised on that!), my issue is the title is off center of the thumbnail. I will put the code below:

CSS:

Code:

li.title {
	display: block;
	list-style: none;
	text-align: center;
	color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font: 14px;
}

XHTML:

Code:

<div class="pic ls"><a href="projects1.html" class="tn"><img src="images/thumbnails/Alaska/alaska00001.png" alt="Two Glaciers Picture" width="116" height="91" border="0"></a></div>
  <ul>
<li class="title">Two Glaciers</li>
</ul>

I am under the impression that the text-align: center; is supposed to make the title center under the thumbnail, but it does not appear to be that way when I preview in IE8 & FF3.5.3

Thank you for any guidance available!

Excavator · 10-21-2009, 05:14 AM

Hello Gabby7,
It seems to me that a caption is not a list so you're not using the ul for what it's intended.
Have a look at a photo presentation method of mine that may work for you - http://nopeople.com/CSS/thumbnail%20...ion/index.html

Gabby7 · 10-22-2009, 01:07 AM

Excavator, that is exactly what I am attempting to do! Thank you so much for the help!