Richard Brown wrote: > Hi > > Could anybody help me please or maybe send me in the right > direction? > > I am trying to build a navigation for this site: > <http://www.theoldcoachworks.org.uk/> > <http://www.theoldcoachworks.org.uk/wp-content/themes/coachworks/ > style.css> > > As you can see it is a bit of a mess! What I would like to do > is to produce a small photo with a word underneath. The whole > to be contained within a border and to be the link. Is it > possible to do this please and if so how?
<li><a href=".."><img src="..." alt=".."><br>text</a></li> li{ list-style:none; width:60px; text-align:center; border:1px solid black; margin-bottom:5px; } li a{ display:block; text-decoration:none; } li a img{ border:0; } Obviously, when the width of the word becomes larger than the width of the <li>, the word will stick out, or in the case of IE, make the <li> wider. -- Els http://locusmeus.com/ http://locusoptimus.com/ ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/