"
Template:Http://2014.igem.org/Team:ULB-Brussels/Template
From 2014.igem.org
(Difference between revisions)
| Line 3: | Line 3: | ||
<head> | <head> | ||
<!--init and scripts --> | <!--init and scripts --> | ||
| + | <style type="text/css"> | ||
| + | #monmenu {font-family: trebuchet ms, arial, tahoma, verdana, sans-serif; font-size: 90%; font-weight:bold;} | ||
| + | #monmenu ul ul {display: none; left: 144px; top: -1px; position: absolute; margin:0px; padding: 0px; border: 1px solid #B0B0B0;} | ||
| + | #monmenu li {list-style-type: none; position: relative; width: 140px; background-color: #E0E0E0; padding: 2px; margin: 0px} | ||
| + | #monmenu li:hover, #monmenu li.sfhover {background-color: #FFFF70;} | ||
| + | #monmenu li a {text-decoration:none;} | ||
| + | #monmenu li:hover ul.niveau2, #monmenu li li:hover ul.niveau3, #monmenu li.sfhover ul.niveau2, #monmenu li li.sfhover ul.niveau3 {display: block} | ||
| + | #monmenu li.plus {background-position:right; background-image: url(illustrations/ fdroite.gif); background-repeat: no-repeat; border-bottom: 1px solid #B0B0B0;} | ||
| + | </style> | ||
| + | <!--[if lt IE 7]> | ||
| + | <script type="text/javascript"> | ||
| + | // Fonction destinée à remplacer le "LI:hover" pour IE 6 | ||
| + | sfHover = function() { | ||
| + | var sfEls = document.getElementById("monmenu").getElementsByTagName("li"); | ||
| + | for (var i=0; i<sfEls.length; i++) { | ||
| + | sfEls[i].onmouseover = function() { | ||
| + | this.className = this.className.replace(new RegExp(" sfhover"), ""); | ||
| + | this.className += " sfhover"; | ||
| + | } | ||
| + | sfEls[i].onmouseout = function() { | ||
| + | this.className = this.className.replace(new RegExp(" sfhover"), ""); | ||
| + | } | ||
| + | } | ||
| + | } | ||
| + | if (window.attachEvent) window.attachEvent("onload", sfHover); | ||
| + | </script> | ||
| + | <style type="text/css"> | ||
| + | #monmenu li {width: 144px;} | ||
| + | </style> | ||
| + | <![endif]--> | ||
| + | <meta name="keywords" | ||
| + | content="CSS, cascading style sheets, mise en page, design, site, web, techniques, sites, webmaster, page"> | ||
| + | <meta name="description" | ||
| + | content="Voici un exemple de code de menu hiérarchique déroulant réalisé à l'aide de CSS."> | ||
| + | <title>Exemple de menu hiérarchique en CSS</title> | ||
<script type="text/javascript" src="https://static.igem.org/mediawiki/2014/7/7f/Slider.jpg"></script> | <script type="text/javascript" src="https://static.igem.org/mediawiki/2014/7/7f/Slider.jpg"></script> | ||
<script> | <script> | ||
Revision as of 20:16, 8 July 2014
