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/
