Grow your CSS skills. Land your dream job.

horizontal and vertical menu in same page css problem

  • # February 14, 2013 at 4:32 am

    plz guys help me. I have a horizontal menu and vertical menu. Both menus are having styles for them. But when i placed them in the same page one is taking another one’s styles. How to get both horizontal and vertical menus in same page ?

    # February 14, 2013 at 4:37 am

    It be helpful to provide a link to your site or put a reduced version in Codepen

    # February 14, 2013 at 4:38 am

    The simple answer is to give them different IDs or individual classes and target them through the CSS.

    # February 14, 2013 at 8:01 am

    I dont know how to give different ids plz help me with that. link is http://localhost/trendsnew/switches1.php.
    The menu iam trying to place is http://trendselectricalsolutions.com/vertical_popup_menu/.
    plz help me.
    thnq

    # February 14, 2013 at 8:03 am

    sry link is http://www.trendselectricalsolutions.com/switches1.php

    # February 14, 2013 at 8:23 am

    >I don’t know how to give different ids

    Seriously? I doubt that.

    # February 14, 2013 at 6:03 pm

    Change your id=”nav” (HTML) into whatever you want (without spaces) and in the CSS change all of the #nav to whatever your new id=”” is .

    Pretty simple and straight forward.

    This will help with selectors:

    https://developer.mozilla.org/en-US/docs/CSS/Getting_Started/Selectors

    # February 15, 2013 at 2:02 am

    sorry. I cant understand what u r trying to tell me. Plz provide me an example so that i can find it useful. thnx alot.

    # February 15, 2013 at 4:52 pm

    Here @rahiem: http://codepen.io/srig99/pen/vCBkl. Tell me if you find this useful! Let me know if you need anything else!

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

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".