Need help with a menu - spacing and positioning problems

HTML & CSS
1

Hi,

I am starting a basic prototype design for a local GP here, I have used some cool icons in the navigation, they look ok so far.

The problem is the positioning of the tabs - I can’t seem to move the home button and the rest of the tabs across to the left, so that they are in line with the other content and sit neat.

I’ve been looking at it too long and can’t think straight anymore!
Its probably one simple piece I have neglected.

You can see what I have so far here:

http://mgdesign.hostultra.com/bv/

Any help is much appreciated!

2

HI,

You need to remove the default padding form the ul here:


.menu ul{
    background:#fff;
    height:30px;
    list-style:none;
    margin:0;
[B]padding:0;[/B]
    }

You will also need to shave a little padding of each menu item as overall they will still be too wide for one line.

3

Just starting back at this now.

Many thanks, that has solved the problem!!!

:smiley:

Gent!