From 2011.igem.org
(Difference between revisions)
|
|
Line 1: |
Line 1: |
- | <html>
| + | <ul id="navigation"> |
- | <style type="text/css">
| + | <li><a href="#" title="aller à la section 1">item1</a></li> |
- | | + | |
- | #navigation {
| + | <li><a href="#" title="aller à la section 2">item2</a></li> |
- | width: 200px ;
| + | <li><a href="#" title="aller à la section 3">item3</a></li> |
- | list-style: none ;
| + | <li><a href="#" title="aller à la section 4">item4</a></li> |
- | margin: 0 ;
| + | |
- | padding: 0 ;
| + | <li><a href="#" title="aller à la section 5">item5</a></li> |
- | }
| + | </ul> |
- | | + | |
- | #navigation li a {
| + | |
- | display: block ;
| + | |
- | background: #c00 ;
| + | |
- | color: #fff ;
| + | |
- | font: 1em "Trebuchet MS",Arial,sans-serif ;
| + | |
- | line-height: 1em ;
| + | |
- | text-align: center ;
| + | |
- | text-decoration: none ;
| + | |
- | padding: 4px 0 ;
| + | |
- | }
| + | |
- | | + | |
- | #navigation li a:hover, #navigation li a:focus, #navigation li a:active {
| + | |
- | background: #900 ;
| + | |
- | text-decoration: underline ;
| + | |
- | }
| + | |
- | | + | |
- | <div id="navigation">
| + | |
- | | + | |
- | <ul id="navigation">
| + | |
- | <li>
| + | |
- | <a href="/Team:Lyon-INSA-ENS/Team"> Home</a>
| + | |
- | </li>
| + | |
- | | + | |
- | <li>
| + | |
- | <a href:"#"> About us </a>
| + | |
- | </li>
| + | |
- | | + | |
- | <li>
| + | |
- | <a href:"#"> Project</a>
| + | |
- | </li>
| + | |
- | | + | |
- | <li>
| + | |
- | <a href:"#"> Parts </a>
| + | |
- | </li>
| + | |
- | | + | |
- | <li>
| + | |
- | <a href:"#"> Sponsors</a>
| + | |
- | </li>
| + | |
- | </ul>
| + | |
- | </div>
| + | |
- | </html>
| + | |
Revision as of 12:41, 5 May 2011
- <a href="#" title="aller à la section 1">item1</a>
- <a href="#" title="aller à la section 2">item2</a>
- <a href="#" title="aller à la section 3">item3</a>
- <a href="#" title="aller à la section 4">item4</a>
- <a href="#" title="aller à la section 5">item5</a>