Jonathan Carter wrote:
> I'm trying to create a horizontal navigation menu where each list item
> contains an image and descriptive text. I want the image to be centered
> within the item and also be block so that the text is below it. I
> haven't been able to get this to work perfectly between IE/FF...]
> Here's what the HTML looks like:
>
> Jonathan
I struggle to figure out exactly what it is you are after. Something
like this?
css
ul#navlist{padding: 0;margin: 0;list-style-type: none;}
ul#navlist li { display: inline; }
ul#navlist li a{float: left;width: 5em;}
span { display: block;}
html
<ul id="navlist">
<li><a href="#"><img src="01-a.gif" /><span>Mauris luctus, nisi eget
porta sagittis, sem leo viverra lorem, a dictum tellus mi ac arcu. Nam
placerat nibh id risus euismod ultricies.</span></a></li>
</ul>
Regards,
~davidLaakso
--
http://www.dlaakso.com/gustave/
______________________________________________________________________
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/
