Stuart Foulstone wrote:
Hi,
Try,
div#menu li{
display : block;
float: left;
width : 250px;
list-style-type : none;
}
On Sun, May 20, 2007 1: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]
*******************************************************************
Thanks Stewart: I tried it in FF2. and I got 2 cols, each with 3
elements in. (There were six menu items). So I made the height of the
menu 50px, but it had no effect. Thanks anyway
--
Bob
www.gwelanmor-internet.co.uk
*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************
