Team:Valencia-CIPF
From 2013.igem.org
(Difference between revisions)
Line 1: | Line 1: | ||
- | |||
<html> | <html> | ||
<head> | <head> | ||
- | + | ||
#header { | #header { | ||
margin:auto; | margin:auto; | ||
Line 31: | Line 30: | ||
} | } | ||
- | + | .nav ul > li { | |
+ | float:bottom; | ||
+ | } | ||
.nav li a:hover{ | .nav li a:hover{ | ||
background-color:#9B1C26; | background-color:#9B1C26; | ||
Line 41: | Line 42: | ||
.nav li ul { | .nav li ul { | ||
display:none; | display:none; | ||
- | position: | + | position:absolute; |
- | + | min-width:150px; | |
- | + | ||
- | min-width: | + | |
Line 61: | Line 60: | ||
- | |||
- | </head> | + | |
+ | |||
+ | </style> | ||
+ | </head> | ||
+ | <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> | ||
+ | <body> | ||
+ | <TABLE border=1 width="100%" height="800px"> | ||
+ | <tr height="10%"> | ||
+ | <tr height="80%"> | ||
+ | |||
+ | <td> | ||
+ | <div id="header"> | ||
+ | <ul class="nav"> | ||
+ | |||
+ | <li ><a href="#">Home</a> | ||
+ | |||
+ | </li> | ||
+ | |||
+ | |||
+ | |||
+ | <li><a href="#">About</a> | ||
+ | <ul class=nav> | ||
+ | <li><a href="">hola</a> </li> | ||
+ | <li><a href="">hola</a> </li> | ||
+ | <li><a href="">hola</a> </li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | <li><a href="#">Services</a></li> | ||
+ | |||
+ | <li><a href="#">Products</a></li> | ||
+ | |||
+ | <li><a href="#">Sitemap</a></li> | ||
+ | |||
+ | <li><a href="#">Help</a></li> | ||
+ | |||
+ | <li><a href="#">Contact Us</a></li> | ||
+ | |||
+ | </ul> | ||
+ | |||
+ | |||
+ | </div> | ||
+ | |||
+ | <tr height="10%"> | ||
+ | |||
+ | </table> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | </body> | ||
</html> | </html> |
Revision as of 17:09, 2 September 2013
#header { margin:auto; width:800px; position:relative; left: 500px; bottom:350px; } ul, ol{ list-style:none; } .nav li a{ font-family:Arial; font-size:12px; text-decoration: none; padding:10px; background-color: #333333; color:#ffffff; border-bottom:1px; border-bottom-color:#000000; border-bottom-style:solid; display:block; } .nav > li { float:left; } .nav ul > li { float:bottom; } .nav li a:hover{ background-color:#9B1C26; border-bottom:2px; border-bottom-color:#000000; border-bottom-style:solid; } .nav li ul { display:none; position:absolute; min-width:150px; } .nav li:hover > ul{ display:block; position:absolute; padding:1px; }
|