Re: [css-d] Specifying a width for list items

2005-05-18 Thread jack fredricks 
you can't give a width to an inline element like an a. Turn your
as into block elements using

a {
display:block;
width:auto;
}

li {
   width:88px
}

that should do the trick



On 5/19/05, Mike Stickel [EMAIL PROTECTED] wrote:
 I'm working on a new project and the horizontal navigation is a
 pretty strict size - each item should be about 88px wide so that the
 navigation fills the width of the page. I thought using a list would
 work but I can't figure out how to specify the width for list items
 and I'm hoping someone can shed some light on the subject for me.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Specifying a width for list items

2005-05-18 Thread Mike Stickel 
Maybe I'm not fully understanding the comment but I'm not using  
images for the menu, just boxes of text. I'll probably go the float  
route until I have more time to fool around with different methods.

On May 18, 2005, at 6:23 PM, Lorin Rivers wrote:
On May 18, 2005, at 5:36 PM, Mike Stickel wrote:
Thanks Jack. That makes sense and something I should have  
realized. Now, with the changes made to reflect the suggestion  
below, each list item is extending across the entire width of the  
parent block in a vertical order. By adding a float: left rule  
to the list item I can get the effect I'm going for. Of course,  
then I have to deal with the floating issues so I'm wondering if  
there is another way around using a float to achieve the same effect.
Couldn't you now use absolute positioning? That's what I do when  
using image-based ul menus.

Mike Stickel
Screenflicker Developments
www.screenflicker.com
p: 403-923-7667
e: [EMAIL PROTECTED]
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/