[thelist] Site Test (XHTML 1.0 Strict)

[Tony Crockford]

> <gauntlet>You tell us what you want to achieve, we'll show you how to
> do it in CSS.</gauntlet>
>

Okay, I'm struggling with this one:

Link
image
link
image
link
image

etc

all centrally aligned and in a div 100% width of it's container div.

so far I have managed to get images to 100% width, or left aligned but
not their true size (its a tiny arrow) or not aligned.

in tables I do this:

<.div id="trail" class="trail">
<.table align="left" width="100%" border="0" cellpadding="0"
cellspacing="0">
<.tr>
<.td class="trailtext" align="center" valign="top">Follow your trail
<br>
<.br>
<.A HREF="file://C:/whoami/home.htm">Home page</A><BR>
<.img src="images/dar.gif" align="top">&nbsp;<br>
<.A HREF="towns1.htm">Dudley towns</A><BR>
<.img src="images/dar.gif" align="top">&nbsp;<br>
<./td>
<./tr>
<./table>
<./div>

. to stop html being stripped out

in CSS I have this:

#leftpanel .trail, .trailhere, {
	text-align: center;
	padding: 0px;
	margin: 0px;
}

and

<.div id="trail">
<.h3>Trail</h3>
<!-- begin trail insert -->
<.a class="trail" href="index.htm"><?php getcat1name($cat1_ref)?></a><br
/>
<.img src="img/dar.gif" alt="" class="trail" /><br />
<./div>


but I can't get the little arrow to sit snugly under the link.

ideas?

Thanks

Tony