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
*****************************************************
