css Wordpress / CSS Navigation Help

[Royal Pain]

Hello! It's my first attempt making a wordpress theme. My initial layout plan should have looked like this in photoshop.

But my lack of awesome css skills ended up like this...can anyone help me out? I'd definitely appreciate it! :laugh:

Here's the test site link : http://notcliche.com/shinkai/

By the way, I used the menu function of wordpress...it had so many nested ids and classes... I appologize for the messy css.

[:: Lyon ::]

That looks awesome! Unfortunately I'm not an expert in CSS and design :( Only know how to change font sizes, colors, etc if the CSS is already there, sorry!

[Royal Pain]

Can aynone out there help? :s

[the better twin]

You need to float your links to get them to display next to each other. to get the button style you need to change the display property.

Something like this:

ul.menu li{
display:block;
float:left;}
[/CODE]

And i agree, very nice design, well done.

[Seahorsepip Veteran]

gimme files in zip and psd, ythen I will give you a html with code ^^

where did you get that awesome fishies picture from gtw?

[Royal Pain]

You need to float your links to get them to display next to each other. to get the button style you need to change the display property.

Something like this:

ul.menu li{
display:block;
float:left;}
[/CODE]

And i agree, very nice design, well done.

nope it didn't work :( Thanks though

gimme files in zip and psd, ythen I will give you a html with code ^^

where did you get that awesome fishies picture from gtw?

I got it working properly on html..as I've mentioned earlier Wordpress function messes my nav links because of it's messy nesting.

[Royal Pain]

I found the fix : http://www.onextrapixel.com/2011/03/08/how-to-code-a-wordpress-3-0-theme-from-scratch/

I had to use this handy tutorial and re-do the codes. Thanks to those who have replied :laugh: