you can try either inline-block, or instead of inline, float:left.
This is typically the solution I usually end up using.
On 20/05/2007, at 10:02 PM, Designer wrote:
Has anyone got a (simple) workaround for the fact that I want to
specify the width of each <li> in an inline list? (which is not
allowed).
I'm using the simple menu:
div#menu {
font : 13px Verdana, Arial, sans-serif;
text-align : left;
color: #333;
}
div#menu li{
width : 250px;
display : inline;
list-style-type : none;
}
div#menu a:link,
div#menu a:visited {
text-decoration : none ;
padding-top : 10px;
color : #333;
border-top : 5px solid #ddd;
}
div#menu a.active:link,
div#menu a.active:visited,
div#menu a:hover {
color : #090;
text-decoration : none;
border-top : 5px solid #090;
}
and, of course, the 'width : 250px' is just ignored. I've tried
setting a width on the <a> but that doesn't work either.
MUST I use a table?
--
Bob
www.gwelanmor-internet.co.uk
*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************
*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************
