Excess menu

Howdy all,

I'm currently just starting out on coding my own personal website, but so far i've come across this annoying little problem. When you put your cursor over the "About me" section in the CSS menu, to the right of it there's that little bit of excess menu. Is there a way to get rid of that? Also, this isn't a problem, just curious - The only way i could get my menu in the center of the page was to use

Code: Select all

ul.menu {
position: absolute;
left: 25em;

is that the right way to do it?

And the link to the page to see for yourself is:

http://trent-catchlove.110mb.com/

Thanks,
-Evil

EDIT: Figured out how to get rid of the excess menu, just had to remove the width: 30%; option .

You've got your menu set up, but it's not included in the table further down the page. From what you have got, why do you need tables anyway? You could style with pure CSS. That would have sorted your menu positioning problem.

Dump the tables.
Put the menu into a DIV, and assign something like:

#nav ul {margin:0 auto; width:50%}

Your nav menu will be scalable 50% the width of the page, and centred.

For the list itms, you may have to display:inline etc.

Hope that helps.

But dump the tables.

Or even better, for the width use ems. That way you can still centre it but it will scalei wth the text if anyone increases the size. If someone increases the size now then the text will come out of the box, I would imagine.

Pete.

Alrighty, i've worked on the homepage alittle more and i've still got the tables, but inside of some css. You'll see what i mean if you go to that link again, it's been updated. Also i cant be bothored getting rid of the tables tonight, so i'll do it tomorrow and put the writing in the "left-col" div tag. Cheers guys.

-Evil