Lecture 8 - Dropdown Menus, Library Items, Templates

Templates

- .dwt - a common structure that most of the pages follow - can have up to TWO templates associated within a website - but ONE is easier to work with

Library Item

- .lbi - reusable info of HTML code - used for individual page elements that appear frequently and may change later - should no go on every page - can be in dif spots on dif pages

Menus

- based on UL (unordered list) - one, two, or three levels - three levels hard to work with and use

Dropdown Menu CSS a:link, a:visited { text-decoration:none; } a:hover, a:active { blah }

- behaviour of links - text-decoration:none gets rid of default underline in links

Dropdown Menu CSS li { display:inline}

- forces <li> elements onto one line (removes line break) - for HORIZONTAL drop down

Dropdown Menu CSS li {display:block}

- puts <li> elements on a line of their own - for VERTICAL drop down

Dropdown Menu CSS ul { margin: 0; padding: 0; }

- removes browser defaults

Dropdown Menu CSS ul { list-style-type: none; }

- removes the bullets

Dropdown Menu

- two or more tiers - best practice is to not go more than two levels - must be a page title heading in the content area - indication of which top menu option it came from