"
Template:CAU China/Menu
From 2014.igem.org
(Difference between revisions)
| Line 6: | Line 6: | ||
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script> | <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script> | ||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | ||
| + | |||
<style type="text/css"> | <style type="text/css"> | ||
/* common styling */ | /* common styling */ | ||
| Line 11: | Line 12: | ||
.menu { | .menu { | ||
font-family: arial, sans-serif; | font-family: arial, sans-serif; | ||
| - | width: | + | width:70%; |
margin:0; | margin:0; | ||
margin:50px 0; | margin:50px 0; | ||
} | } | ||
| + | |||
/* remove the bullets and set the margin and padding to zero for the unordered list */ | /* remove the bullets and set the margin and padding to zero for the unordered list */ | ||
.menu ul { | .menu ul { | ||
| Line 21: | Line 23: | ||
list-style-type: none; | list-style-type: none; | ||
} | } | ||
| + | |||
/* float the list so that the items are in a line and their position relative so that the drop down list will appear in the right place underneath each list item */ | /* float the list so that the items are in a line and their position relative so that the drop down list will appear in the right place underneath each list item */ | ||
.menu ul li { | .menu ul li { | ||
| Line 26: | Line 29: | ||
position:relative; | position:relative; | ||
} | } | ||
| + | |||
/* style the links to be 104px wide by 30px high with a top and right border 1px solid white. Set the background color and the font size. */ | /* style the links to be 104px wide by 30px high with a top and right border 1px solid white. Set the background color and the font size. */ | ||
.menu ul li a, .menu ul li a:visited { | .menu ul li a, .menu ul li a:visited { | ||
Revision as of 10:59, 18 August 2014
