Hello and welcome to our community! Is this your first visit?
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    New to the CF scene
    Join Date
    Apr 2013
    Thanked 0 Times in 0 Posts

    CSS navigation sub menu advice

    Hey guys,

    Hoping for a little help here! I'm fairly amateur when it comes to CSS but I managed to put a nice navigation menu onto my current website as you can see here:

    The next step was to add sub menus to this navigation, so for example "Living Room" would have a vertical sub menu to the right side of it with links like "Sofas" "Chairs" etc....

    I can't seem to figure out how to add sub menus, hoping for some big help! If you guys need the CSS its located at:

    Need this navigation to be finished by Monday as my boss will be back in town, so feeling the pressure haha. Thanks a lot guys!

  • #2
    New Coder
    Join Date
    Oct 2012
    Under a Roof
    Thanked 1 Time in 1 Post
    I think you are attempting to do something like this

                    <li><a href="home" target="_blank">home</a></li>
                    <li><a href="#">living room</a>
    <!-- Start of the sub menu  of living room-->
                        <ul class="subs">
                            <li><a href="#" target="_blank">chair</a></li>
                            <li><a href="#" target="_blank">setee</a></li>
                            <li><a href="#" target="_blank">corner units</a></li>
                            <li><a href="#" target="_blank">coffee table</a></li>
                            <li><a href="#" target="_blank">storage</a></li>
    <!-- End of thesubmenu  for living room-->
                    <li><a href="Guestbook.html" target="_blank">Guestbook</a></li>
                    <li> <a href="links.html">Links</a>
                        <ul class="subs">
                            <li><a href="out-and-about.html" target="_blank"> Out and About </a></li>
                            <li><a href="Services.html" target="_blank">Services</a></li>
                            <li><a href="links.html" target="_blank">Useful Links</a></li>
                            <li><a href="contact.html" target="_blank">Contact Us</a></li>
    My website http://torfaenpcrepair.com/ which is in need of a revamp as it was started with the hosts WYSWYG and needs to be converted to a full CSS built site,

    I have made a start but still a way to go :)

  • #3
    Regular Coder
    Join Date
    Sep 2011
    Thanked 35 Times in 35 Posts
    Hey there,

    Problems with menus are so common that I wrote a tutorial about it. Just follow it step by step and you should be done in no time.

    How to: Target IE in, Position in, Center in, Create a Fixed ('Sticky') Footer with, and Create a Drop-Down/Fly-Out Menu with CSS: Website Laten Maken Amsterdam.


    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts