www.webdeveloper.com
Results 1 to 4 of 4

Thread: How to create div inside div using CC3 Menu

Hybrid View

  1. #1
    Join Date
    Oct 2013
    Posts
    2

    How to create div inside div using CC3 Menu

    Can anyone tell me how to create CSS3 menu with Div inside Div tag.

    something like this i want-

    CNAvbfe.png

    I just want to know where can i get a code snipes or where i can learn that type of coding.. so i can implement that part in my menu style.

    I tried looking a lot i got some examples but i was unable to extract that code part and was unable to implement that in my code.

    My coding aim is to implement big number of menu item in one sub-menu.. like above image.

  2. #2
    Join Date
    Sep 2013
    Posts
    221
    Below is the code for using div inside div:

    #Div1
    {
    width:800px;
    margin:0 auto;
    overflow:hidden;
    float:left;
    }

    #Div2
    {
    width:100%;
    float:left;
    }

    #Div3
    {
    width:100%;
    clear:both;
    }

    #Div4, #Div6
    {
    float:left;
    width:30%;
    }

    #Div5
    {
    float:left;
    width:40%;
    }

    #Div7
    {
    width:70%;
    margin:50px auto;
    }

    Now you can add your menus inside the above or can follow with the below link example which has worked great for me:

    http://jsfiddle.net/5nGYS/15/#run

    Hope this helps.
    strad solutionswww.stradsolutions.com

  3. #3
    Join Date
    Oct 2013
    Posts
    2
    i am looking for this:

    http://jsfiddle.net/T5MmV/1/

  4. #4
    Join Date
    May 2005
    Location
    Gold Coast (MS)
    Posts
    2,216
    The CSS on jsfiddle.net example validates as CSS3. The HTML shows you how the div within a div is coded for the menus. Guess I'm not understanding the problem as the example can be modified however you want. Maybe these might help:

    See following sites for navigation menus:

    CSS Library Horizontal CSS Menus: http://www.dynamicdrive.com/style/cs...y/category/C1/
    CSS Library Vertical CSS Menus: http://www.dynamicdrive.com/style/cs...y/category/C2/
    http://www.dynamicdrive.com/dynamicindex1/
    http://www.cssplay.co.uk/menus/
    How to Style an Unordered List with CSS: http://www.webreference.com/programm...le2/index.html

    Sexy Drop Down Menu w/ jQuery & CSS: http://www.noupe.com/tutorial/drop-d...query-css.html

    NavDock jQuery Plugin (Ver 1.5.1): http://plugins.jquery.com/project/NavDock

    Making CSS Rollover Buttons: http://www.elated.com/articles/css-rollover-buttons/

    How To:

    http://www.w3.org/TR/WCAG10-HTML-TECHS/#links
    http://www.creativepro.com/article/d...vigation-links
    http://efuse.com/Design/navigation.html
    Simple JQuery Accordion menu: http://www.i-marco.nl/weblog/jquery-accordion-menu/
    Drop-Down Menus, Horizontal Style: http://www.alistapart.com/articles/horizdropdowns/

    The Right Way to Make a Dropdown Menu: http://www.sitepoint.com/blogs/2009/...dropdown-menu/
    ------------------------
    Rounded Corner Menus:

    How to Create an Interactive Rounded Navigation Menu with CSS: http://www.wikihow.com/Create-an-Int...-Menu-with-CSS
    CSS Rounded Corners Menus: http://www.virtuosimedia.com/dev/css...-corners-menus
    How To Make CSS Expanding Rounded Navigation Menus & Buttons: http://www.amberweinberg.com/how-to-...menus-buttons/

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

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



Recent Articles