Forums

Give help. Get help.

  • # March 7, 2013 at 4:50 pm

    This is the [navigation](http://i.imgur.com/bOTbwYg.jpg “navigation”) .

    This is how I’ve done it. [Codepen](http://codepen.io/markomarkogame/pen/HzcBv “Codepen”).

    I just dont think thats the way to do it, if not that i just don’t like the way i did it. For example if you remove **position:relative**(I dont even know what it means here ..) from **#header h1** logo disappears and goes behind the nav .. Also if you remove margin-top:-100px from **.navigacija** you will see “behind the scenes”.

    So can you gives give me a solution to do it better or if you can do it in codepen or something.

    # March 7, 2013 at 5:46 pm

    I wish you were right but for example if I click on logo in Firefox i get to see this outline[ PIC](http://i.imgur.com/BHpchGi.jpg “PIC”) (orange dotted )and to me that suggest something isn’t right. (this is caused by text indent probably ) but still ..

    There has to be a better way.

    # March 7, 2013 at 8:10 pm

    Cool method also cute cat, but it’s weird seeing my blog title in a

  • cause i would have used “logo” as my blog title so I don’t think it’s the same as h1 for SEO.

# March 7, 2013 at 8:24 pm

Here’s someone’s pen I forked awhile back. It has a centered logo and a single list for the nav
http://codepen.io/wolfcry911/pen/HyLdg

# March 7, 2013 at 9:38 pm

@JoshBlackwood this is not compatable with IE though? How would you fix it? Navigation shows up as a vertical menu instead. I have the same issue and I can’t fix it.

# March 8, 2013 at 9:48 am

@JoshBlackwood: do you really need zoom: 1; there? IE should trigger hasLayout through the explicit width value :) I don’t have easy means to test IE6 & 7 right now so I can’t confirm.

# March 8, 2013 at 4:57 pm

Thanks guys for the navs but can you tell me what was a main mistake I made in my nav ? Or what should I avoid or change in the future

# March 9, 2013 at 7:30 am

So did i ? (look at the above)

Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.

icon-anchoricon-closeicon-emailicon-linkicon-logo-staricon-menuicon-nav-guideicon-searchicon-staricon-tag