[thelist] Site Test (XHTML 1.0 Strict)
Tony Crockford
tonyc at boldfish.co.uk
Wed Sep 4 09:05:01 CDT 2002
> <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"> <br>
<.A HREF="towns1.htm">Dudley towns</A><BR>
<.img src="images/dar.gif" align="top"> <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
More information about the thelist
mailing list