Team:UEA-JIC Norwich/Experiment

From 2011.igem.org

(Difference between revisions)
Line 1: Line 1:
-
css:
+
<html>
-
root {
+
<div id="navcon">
-
display: block;
+
<div id="nav">
-
}
+
<ul>
-
* {margin: 0; padding: 0px;}
+
<li class="first"><a href="index.html">Home</a></li>
-
body { background: #444; }
+
<li><a href="login.html">Login</a></li>
-
#navcon { background: #fff; width: 100% }
+
<li><a href="Course.html">Course</a>
-
#nav { width: 377px; height:56px; position: relative; color: #999; font-family: helvetica; margin: 0px auto; font-size: .9em; }
+
<ul>
-
#nav ul { list-style-type: none; }
+
<li class="top"><a href="course_brochure.html">Course Brochure</a></li>
-
#nav ul li { float: left; position: relative; }
+
<li><a href="dl_brochure.html">Download Course Brochure</a></li>
-
#nav ul li a { border-right:1px solid #e9e9e9; padding: 20px; display: block; text-align: center; color: #999; text-decoration: none; }
+
<li><a href="search_course.html">Search</a></li>
-
#nav ul li a:hover { background: #12aeef; color: #fff;}
+
</ul>
-
#nav ul li ul { display: none; }
+
</li>
-
#nav ul li:hover ul { display: block; position: absolute; }
+
<li><a href="contact_us.html">Contact Us</a></li>
-
#nav ul li:hover ul li a { display:block; background:#12aeef; color:#ffffff; border-bottom: 1px solid #f2f2f2; border-right: none; width: 110px; }
+
</ul>
-
#nav ul li:hover ul li a:hover { background:#6dc7ec; color:#fff; }
+
</div><!-- /nav -->
-
.top{ border-top: 1px solid #f2f2f2; }
+
</div> <!-- /navcon -->
-
.first {border-left: 1px solid #e9e9e9;}
+

Revision as of 09:22, 22 June 2011