"
Template:Team:DukeMenu/CSS
From 2014.igem.org
(Difference between revisions)
| Line 90: | Line 90: | ||
<body> | <body> | ||
| - | <!--width/height of table must equal the sq-menu attributes. consider changing the widths to percentages -- | + | |
| - | + | ||
| + | <!--learned to do the sticky from http://www.backslash.gr/content/blog/webdevelopment/6-navigation-menu-that-stays-on-top-with-jquery --> | ||
| + | |||
| + | <div id="demo_top_wrapper"> | ||
| + | |||
| + | <!-- a header with a logo just to have some content before the menu --> | ||
| + | <!--<div id="demo_top"> | ||
| + | <div class="menu"> | ||
| + | <div id="my_logo">Our logo</div> | ||
| + | </div> | ||
| + | </div> --> | ||
| + | |||
| + | <!-- this will be our navigation menu --> | ||
| + | <div id="sticky_nav_wrap"> | ||
| + | <div id="sticky_navigation"> | ||
| + | <div class="menu"> | ||
| + | <!--width/height of table must equal the sq-menu attributes. consider changing the widths to percentages --> | ||
<table width="100%" align="center"> | <table width="100%" align="center"> | ||
<tr height="50px"> | <tr height="50px"> | ||
| Line 106: | Line 122: | ||
</tr> | </tr> | ||
</table> | </table> | ||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
</div> | </div> | ||
</div> | </div> | ||
Revision as of 21:34, 25 July 2014
