Nav bar isn't staying together (noob)

[tacoxlegnedary]

I’m having some trouble figuring out how to put this together sorry if this is a simple problem.
Here is how i want the nav bar to look its a image I made of how it should look.
Its the last one on the bottom. If you ask why they are all cats its because i had no other idea,

https://www.behance.net/gallery/24104999/Cat-Dev

This is what I have so far

http://codepen.io/anon/pen/jEQqRb

[Paulie_D]

Your request is a little vague and somewhat broad.

Can you start with one thing you want to achieve?

Also, you might want to look into a CSS reset…or Normalize. Those are options in Codepen.

[tacoxlegnedary]

ok umm lets see…. I want h1 to go to the left and the 5 li to go the the left but if i add floats it mess everything up

[Paulie_D]

OK…

As I said, you need to use a proper reset CSS (I used Normalize) from the options in Codepen.

http://codepen.io/Paulie-D/pen/gbQMpN

It’s a litle cramped on the forums view but it’s fine at full screen.

You might want to take a look into http://learnlayout.com/ about containing floats (the quick method I used has it’s downsides).

[Author]

Posts