1,105,585 Community Members

Drop down menu

Member Avatar
davy_yg
Veteran Poster
1,118 posts since May 2011
Reputation Points: 0 [?]
Q&As Helped to Solve: 1 [?]
Skill Endorsements: 1 [?]
 
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)

Member Avatar
<M/>
Industrious Poster
4,473 posts since Apr 2012
Reputation Points: 106 [?]
Q&As Helped to Solve: 139 [?]
Skill Endorsements: 114 [?]
Featured
 
0
 

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

Member Avatar
IIM
Master Poster
742 posts since Jun 2011
Reputation Points: 163 [?]
Q&As Helped to Solve: 169 [?]
Skill Endorsements: 24 [?]
 
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.

Member Avatar
davy_yg
Veteran Poster
1,118 posts since May 2011
Reputation Points: 0 [?]
Q&As Helped to Solve: 1 [?]
Skill Endorsements: 1 [?]
 
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;
Member Avatar
JorgeM
IT Addict
6,416 posts since Dec 2011
Reputation Points: 581 [?]
Q&As Helped to Solve: 963 [?]
Skill Endorsements: 172 [?]
Moderator
Featured
Sponsor
 
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.

Member Avatar
IIM
Master Poster
742 posts since Jun 2011
Reputation Points: 163 [?]
Q&As Helped to Solve: 169 [?]
Skill Endorsements: 24 [?]
 
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 three months: Start a new discussion instead
Post:
Start New Discussion
Tags Related to this Article