css problem

[CSNM-Customer: level200]

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

[CSNM-Customer: fredblogs]

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;

[CSNM-Customer: sladmin]

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!

[CSNM-Customer: level200]

Cheers guys
I'll try that now.

Anyone tried it in ie6 yet?

Cheers
John

[CSNM-Customer: level200]

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

[CSNM-Customer: level200]

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?

[CSNM-Staff: Andrew Taylor]

Try giving it a line-height value of the whole button, that should align it

[CSNM-Staff: Andrew Taylor]

Try this:

.navlinks {
height: 200px;
width: 320px;
line-height:200px;
}

[CSNM-Customer: siphilp]

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

[CSNM-Customer: Mark Voss]

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