A couple of problems

[roy.chappell355352]

I've started to put together the website for Blues on the Farm 2009 - http://www.bluesonthefarm.co.uk/09/

We have a couple of problems and was wondering if anybody can help.

1. the spacing for each <li> elements in the main level doesn't appear to be consistent, can something be done so that they are the same size?

2. some of the <li> elements in level 1 go outside the actual navigation, see dropdown on sun 21st june, what do i need to do so that they sit properly in nav?

Thanks in advance for any help.

Roy

[Ray Borduin]

It depends on how you want it to react.... one option is to remove the css:

ul#cssmw li {menu.css (line 18)

white-space:nowrap;


removing the white-space attribute would allow the text to go to the next line.

The other option is to update the css:

ul#cssmw ul.level-1 > li > span > a

and remove the width attribute. This will allow the column to stretch to fit the text and it won't have to wrap.

Either solution should work depending on the result you expect.

[roy.chappell355352]

Thank you Ray for your help

I went for a variation on your second option, i changed

width: 100px;
to
min-width: 100px;

Otherwise the shorter name area was smaller than the larger names

Roy