1.11M Members

Drop down menu

 
0
 

Hello,

I am trying to figure how to create a dropdown menu like this?

dropdownmenu

This is the original menu

(I'm trying to figure out both how to write the codes for dropdown menu as well as the css appearance)

 
0
 

Have you tried your browsers editing tools? You can view the source with it.

 
0
 

Yes Michael is right.If you are clear about your webpage design,then just see the source of page and just by editting some lines ,you will be ready to use it.

 
0
 

What's this code means?

1)

#cssmenu > ul > li > a {

css3:

#cssmenu > ul > li > a {
        color: rgb(160,160,160);
        font-family: Verdana, 'Lucida Grande';
        font-size: 15px;
        line-height: 70px;
        padding: 15px 20px;
    -webkit-transition: color .15s;
       -moz-transition: color .15s;
         -o-transition: color .15s;
            transition: color .15s;
 
0
 

element>element

 #cssmenu > ul > li > a {

Selects anchor elements where its parent is a list item element where its parent is an unordered list where its parent is an element with an ID of cssmenu.

Where that matches, apply the styles listed.

 
0
 
 #cssmenu > ul > li > a {

It means there is an id cssmenu .Inside this id "cssmenu" there is an element ul,inside that li and for "a" use following css.

You
This article has been dead for over six months: Start a new discussion instead
Post:
Start New Discussion
Tags Related to this Article