Expression Web Tutorial

 

 

 

online backup

  How to Make Navigation Menus with Expression Web 2

 

Make a List

<ul></ul>

First, you must learn how to make an Unordered List.

 

An unordered list creates a bulleted list.  We then style this list with CSS to remove the bullets and make the list horizontal.  Even Dropdown menus are styled this way, but with one extra step.  (we will get to that soon)

 

                            

 

Creating the CSS Styles To Apply to Your List

 

1. Remove the Bullets and Default Margin

 ul {
     list-style-type: none;
     margin: 0px;
     padding: 0px;
}

  

2.  Style the list items

li {
     line-height: 30px;
     margin: 0px;
     padding: 0px;
}

NOTE:  we always need to remove all padding and margins from the margins and cod;