css problem

Hi Guys

I'm having a few problems with this layout: http://www.level200.co.uk/layout/

I'm trying to get the list for the nav to display in the middle of the box with each text link displaying in the middle of each box instead of the top.

Any suggestions?

Also can anyone check the layout in i.e. 6 please.

Cheers
John

You need to add a text-align declaration

.navlinks {
height: 200px;
width: 320px;
vertical-align: middle;

Change to

.navlinks {
height: 200px;
width: 320px;
text-align: center;

Make sure the text isn't wrapped in a paragraph tag. I had a problem with this and it took me ages to sort out!

Cheers guys
I'll try that now.

Anyone tried it in ie6 yet?

Cheers
John

Hi Guys

Sorry perhaps I wasnt clear enougth, I want the text link to be left justified but sitting in the left/ middle of the hover box (roll over the text to have a look its at the top of the box) also I would like the text links to sit in the middle/ left of the nav area.

Hope thats clearer... i think

Chears
John

Ok I'm getting there: http://www.level200.co.uk/layout/

Now I have tried to align the text so that it displays verticle/ middle of the hover box and have used: vertical-align: middle; and it still displays at th etop of the hover box..

Any ideras?

IE 6 screenshot. Can't persuade myself to upgrade yet to 7 as firefox caters for all my needs

You should look at siphilp.co.uk in FF2 & IE7

FF looks fine to me IE 7 I know, I know is just lazyness. I upgraded IE and my laptop just took a performance hit so went back to IE 6..

Actually just looking at my site it appears that the css files are my old ones :S Up'd my latest should be fine Feel free to confirm. Might have to watch that. Am moving over my cms to CS some point this week

Yep, it's looking good in FF2 now