The Moz Q&A Forum

    • Forum
    • Questions
    • My Q&A
    • Users
    • Ask the Community

    Welcome to the Q&A Forum

    Browse the forum for helpful insights and fresh discussions about all things SEO.

    1. SEO and Digital Marketing Q&A Forum
    2. Categories
    3. Web Design
    4. Anyone have a good example of a CSS-based multi-level nav bar that is semantic (including link level subordination) and is ux positive?

    Anyone have a good example of a CSS-based multi-level nav bar that is semantic (including link level subordination) and is ux positive?

    Web Design
    4 3 593
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as question
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • anns
      anns last edited by

      Anyone have a good example of CSS-based multi-level nav bar that is semantic (including link level subordination) and is ux positive?

      Or am I gonna have to actually make one?

      Anyone have a good example of CSS-based multi-level nav bar that is semantic (including link level subordination) and is ux positive?

      Or am I gonna have to actually make one?

      1 Reply Last reply Reply Quote 0
      • smokin_ace
        smokin_ace last edited by

        You can try to check here:

        http://ginva.com/2011/04/108-free-css-menu-designs/

        or here:

        http://www.noupe.com/css/100-great-css-menu-tutorials.html

        Hope it help.

        Cheers,

        Russel

        anns 1 Reply Last reply Reply Quote 0
        • anns
          anns @smokin_ace last edited by

          Thanks I Googled navigation, not menu.  So those didn't show up.  Although I could argue that without jquery to control the hover/click etc... -- those have poor ux.

          But the second part of my question:  How do you create one with some kind of semantic hierarchy.  I'm thinking with html 5 it's probably possible to do so.

          hmmm.....

          EricaMcGillivray 1 Reply Last reply Reply Quote 0
          • EricaMcGillivray
            EricaMcGillivray @anns last edited by

            Definitely possible with HTML5. But you're probably going to have to make one from scratch. Then you can share with the world 😄

            1 Reply Last reply Reply Quote 0
            • 1 / 1
            • First post
              Last post
            • H1 tag within on top nav but css class styled appear at bottom
              Envoke-Marketing
              Envoke-Marketing
              0
              2
              59

            • Affects of a Home Link 301 Permanent Redirect in the Main Nav Bar
              SEOguy1
              SEOguy1
              0
              3
              174

            • Is Sitewide Credit Link Good or Bad in 2015?
              Jubaer96
              Jubaer96
              1
              9
              690

            • Internal Linking: What is the best practice for pages not included in Nav bar?
              RuthBurrReedy
              RuthBurrReedy
              0
              3
              443

            • Hi, we are adding button in the top of page bar which are links to the other pages, how can we make these links visible to the search engines? As we cannot introduce anchor text there
              MattAntonino
              MattAntonino
              0
              5
              114

            • Does having a Blog link in the top level navigation provide any better SEO value, or would having it in a footer or top navigation work just as good?
              toddmumford
              toddmumford
              0
              2
              164

            • To link or not to link | Do Follow or No Follow?
              irvingw
              irvingw
              0
              2
              514

            • Hiding Links Under A Tab As Good As Anything Else And More Attractive?
              94501
              94501
              0
              9
              1.1k

            Get started with Moz Pro!

            Unlock the power of advanced SEO tools and data-driven insights.

            Start my free trial
            Products
            • Moz Pro
            • Moz Local
            • Moz API
            • Moz Data
            • STAT
            • Product Updates
            Moz Solutions
            • SMB Solutions
            • Agency Solutions
            • Enterprise Solutions
            • Digital Marketers
            Free SEO Tools
            • Domain Authority Checker
            • Link Explorer
            • Keyword Explorer
            • Competitive Research
            • Brand Authority Checker
            • Local Citation Checker
            • MozBar Extension
            • MozCast
            Resources
            • Blog
            • SEO Learning Center
            • Help Hub
            • Beginner's Guide to SEO
            • How-to Guides
            • Moz Academy
            • API Docs
            About Moz
            • About
            • Team
            • Careers
            • Contact
            Why Moz
            • Case Studies
            • Testimonials
            Get Involved
            • Become an Affiliate
            • MozCon
            • Webinars
            • Practical Marketer Series
            • MozPod
            Connect with us

            Contact the Help team

            Join our newsletter
            Moz logo
            © 2021 - 2026 SEOMoz, Inc., a Ziff Davis company. All rights reserved. Moz is a registered trademark of SEOMoz, Inc.
            • Accessibility
            • Terms of Use
            • Privacy