Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS How to do this navigation properly ?

  • This topic is empty.
Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #43220
    apart
    Participant

    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.

    #127360
    apart
    Participant

    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.

    #127372
    apart
    Participant

    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.

#127386
wolfcry911
Participant

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

#127396
shemademagic
Member

@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.

#127464
Merri
Participant

@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.

#127531
apart
Participant

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

#127592
apart
Participant

So did i ? (look at the above)

Viewing 8 posts - 1 through 8 (of 8 total)
  • The forum ‘CSS’ is closed to new topics and replies.