The drop-down menu pure CSS [compatible with IE6, IE7, FF]
Related Tags:
<DOCTYPE html PUBLIC "- / / w3c / / DTD XHTML 1.0 Transitional / / EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <! - Www.div-css.com website standardized 2007-4-16 -> <head> <meta Http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title> Pure css support the pull-down menu IE6 IE7 Firefox - www. Div-css.com website standardized </ title> 
<style Type="text/css"> ... 
*{...}{ Margin: 0; padding: 0;) . Menu {...}{ font-size: 12px; position: relative; z-index: 100;) . Menu ul {...}{ list-style: none;) . Menu li {...}{ float: left; position: relative;) . Menu ul ul {...}{ visibility: hidden; position: absolute; left: 3px; top: 23px;) . Menu table {...}{ position: absolute; top: 0; left: 0;) 
. Menu ul li: hover ul, . Menu ul a: hover ul {...}{ visibility: visible;) . Menu a {...}{ display: block; border: 1px solid # aaa; background: red; padding: 2px 10px; margin: 3px; color: # fff; text-decoration: none;) . Menu a: hover {...}{ background: # f2cdb0; color: # f00; border: 1px solid red;) . Menu ul ul {...}{} . Menu ul ul li {...}{ clear: both; text-align: left; font-size: 12px;) . Menu ul ul li a {...}{ display: block; width: 100px; height: 13px; margin: 0; border: 0; border-bottom: 1px solid red;) . Menu ul ul li a: hover {...}{ border: 0; background: # f2cdb0; border-bottom: 1px solid # fff;) </ Style> </ Head> <body> <div Class="menu"> <ul> <li> <a Href=""> XHTML / CSS <!--[ If IE 7 ]><!--></ a ><!--<![ endif] -> <!--[ If lte IE 6]> <table> <tr> <td> <! [Endif] -> <ul> <li> <a Href=""> standards </ a> </ li> <li> <a Href=""> Guide </ a> </ li> <li> <a Href=""> technical articles </ a> </ li> <li> <a Href=""> Frequently Asked Questions </ a> </ li> <li> <a Href=""> layout tutorial feature </ a> </ li> <li> <a Href=""> css menu </ a> </ li> <li> <a Href=""> browser compatibility </ a> </ li> <li> <a Href=""> rolling articles </ a> </ li> <li> <a Href=""> fillet rectangular feature </ a> </ li> <li> <a Href=""> CSS enjoy special effects </ a> </ li> </ Ul> <!--[ If lte IE 6]> </ td> </ tr> </ table> </ a> <! [Endif] -> </ Li> <li> <a Href=""> AJAX <!--[ If IE 7 ]><!--></ a ><!--<![ endif] -> <!--[ If lte IE 6]> <table> <tr> <td> <! [Endif] -> <ul> <li> <a Href=""> AJAX Directory </ a> </ li> <li> <a Href=""> AJAX Technology </ a> </ li> </ Ul> <!--[ If lte IE 6]> </ td> </ tr> </ table> </ a> <! [Endif] -> </ Li> <li> <a Href=""> Javascript <!--[ If IE 7 ]><!--></ a ><!--<![ endif] -> <!--[ If lte IE 6]> <table> <tr> <td> <! [Endif] -> <ul> <li> <a Href=""> JSON </ a> </ li> <li> <a Href=""> technical articles </ a> </ li> </ Ul> <!--[ If lte IE 6]> </ td> </ tr> </ table> </ a> <! [Endif] -> </ Li> <li> <a Href=""> DOM </ a> </ li> <li> <a Href=""> XML </ a> </ li> <li> <a Href=""> Regular Expression <!--[ If IE 7 ]><!--></ a ><!--<![ endif] -> <!--[ If lte IE 6]> <table> <tr> <td> <! [Endif] -> <ul> <li> <a Href=""> Regular Expression Profile </ a> </ li> <li> <a Href=""> Regular Expression of the Road </ a> </ li> </ Ul> <!--[ If lte IE 6]> </ td> </ tr> </ table> </ a> <! [Endif] -> </ Li> <li> <a Href=""> site optimization </ a> </ li> <li> <a Href=""> computer network </ a> </ li> <li> <a Href=""> establishment of technology <!--[ If IE 7 ]><!--></ a ><!--<![ endif] -> <!--[ If lte IE 6]> <table> <tr> <td> <! [Endif] -> <ul> <li> <a Href=""> PHP </ a> </ li> <li> <a Href=""> ASP </ a> </ li> <li> <a Href=""> ASP.NET </ a> </ li> <li> <a Href=""> JSP </ a> </ li> <li> <a Href=""> SQL </ a> </ li> <li> <a Href=""> Flash </ a> </ li> <li> <a Href=""> Dreamweaver </ a> </ li> </ Ul> <!--[ If lte IE 6]> </ td> </ tr> </ table> </ a> <! [Endif] -> </ Li> </ Ul> </ Div> </ Body> </ Html>
- CSS static pages of the menu tree
- Making horizontal menu with CSS
- CSS drop-down menu
- Microsoft CSS style horizontal menu
- DIV CSS a tree menu
- CSS produced by Apple Dock Menu
- CSS menu: horizontal menu effect blazing
- CSS menu: CSS Gudongmen technology from the menu a 10
- CSS achieve unlimited-class menu
- Fully realized with the CSS navigation menu
- Transparence css menu on how to make transparent CSS menu
- CSS + JavaScript create cool Menu
- Pure css menu generator
- Making hidden menu with CSS
- Transparent (transparence) CSS menu
- CSS menu design tool
- + CSS DIV a tree menu
- How CSS produced horizontal menu?
- A good CSS menu
- CSS achieved bilingual navigation menu
Action Applications: getURL framework can be updated
DW inside in the first create a framework, namely: index.htm (framework) set up the framework of the following, mainly set up the framework of the names and the corresponding pages, were set to name here: topFrame, left, the main <frameset Rows="130,*" cols="*...
Website SEO: The MSN search Web site optimization ranking
MSN SEARCH the importance of search engines Although there are many search engine optimization expert on the relative importance of MSN Search home will not, but I think no one will be able to forget Microsoft's commercial search engine of the potential capacity in the mark...
AJAX understanding
AJAX understanding Party-or Tsinghua University 2006-3-27 Now, there is a growing popularity of the "old" technology, that is AJAX. Now, with Gmail, Google-maps of the various applications and the support of the browser, AJAX is gradually a...
CSS web publishing Teaching (6) Chapter 6
This chapter C S S chapter describes the main function of the block is the nature of CSS instructions, as well as their application and identity, and control blocks can be set position, size, width and the marginal nature. This chapter will be divided into two parts for you, to t...
Flash MX 2004 produced video tutorial examples: Web site message boards
Article 44: Web site message boards Curriculum objectives: Making Flash website message board. Course elements: the production of a Flash Dynamic Website message boards (PHP Flash). Guide accompanying video source and provide php fla source files, for...