It sounds like you're trying something I use on my site. I got the idea from Dan Cederholm's tutorial, here: http://www.simplebits.com/notebook/2003/09/30/accessible_imagetab_rollovers.html.
I had to alter it to get it to work vertically, but had no problems with it horizontally, either. On Mon, 12 Jul 2004 17:32:44 -0400, Scott Reston <[EMAIL PROTECTED]> wrote: > I'm attempting to build a horizontal menu that from an unordered list. My plan is to > provide the list as text in the html, then use an image-replacement scheme (ala > http://www.mezzoblue.com/tests/revised-image-replacement/) to swap out the text > with images. It looks to me like image-replacement depends on me being able to set > the width of the containing element, in my case, an <a> > > I want the CSS to work without being altered, whether i include all of the <li> menu > items or not, so I don't know how wide the overall <ul> will be when the page is > actually created. > > Is it possible to set width on an inline element? Can I get the same effect from > some sort of absolute positioning (when i don't know the widths of elements)? > > for instance, > > <ul> > <li>short</li> > <li>this is a longer item</li> > <li>and some other</li> > </ul> > > ul { > display: inline; > } > > li { > display: inline; > width: 200px; > height: 50px; > background-color: #eee; > } > > in this example, i'd like to see that as 3 200px squares in a horizontal line... > > any help appreciated... > > scott reston > ***************************************************** > The discussion list for http://webstandardsgroup.org/ > See http://webstandardsgroup.org/mail/guidelines.cfm > for some hints on posting to the list & getting help > ***************************************************** > > -- Michael S. Rainey Blog: http://raineym.dyndns.org/ ***************************************************** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help *****************************************************
