- This topic is empty.
Viewing 8 posts - 1 through 8 (of 8 total)
Viewing 8 posts - 1 through 8 (of 8 total)
- The forum ‘CSS’ is closed to new topics and replies.
The forums ran from 2008-2020 and are now closed and viewable here as an archive.
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.
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.
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.
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
@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.
@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.
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
So did i ? (look at the above)