I need to get my logo on top and need my other list elements in the nav bar

[Historical Forums User]

Basically i’m making a project for college and _**i need the logo on the left hand side which is not appearing at all right now, the nav buttons on the right and some social media icons on the rightmost**_, i havent added the icons yet since i cant even get this part right :(

Can someone help me? I know the code is messed up but this is my first time with CSS and HTML and also if i want to insert a bullet between the nav items is that possible?
Here is the** CodePen** : http://codepen.io/anon/pen/ouFlz

Please help me out!

[bablucolno]

@aditigarg
Please add one more property float:left; in .logo class

[Historical Forums User]

Thanks @bablucolno but that still doesnt help make my entire logo visible :(

[Paulie_D]

Here.

I separated out the logo, menu and social areas into distinct parts. The widths (25/50/25) are just rough so you can fix those however you would like.

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

[webtmc]

Looks like the image you are using isn’t working. Try an image from somewhere else and you should get a better result.

[Paulie_D]

The image link is incorrect…that’s why…

It should be “http://oi41.tinypic.com/30k62ae.jpg”`

[Author]

Posts