Difference between revisions of "Team:Aalto-Helsinki/LabBook"
m (example of a table we could do) |
(trying out side navigation) |
||
Line 1: | Line 1: | ||
{{Aalto-Helsinki/CSS}} | {{Aalto-Helsinki/CSS}} | ||
<html> | <html> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <!--<style type="text/css"> | ||
+ | #sidebar { | ||
+ | color: white; | ||
+ | margin:0; | ||
+ | height: 50%; | ||
+ | padding: 0; | ||
+ | position: fixed; | ||
+ | left: 0; | ||
+ | top: 0; | ||
+ | width: 50px; | ||
+ | z-index: 2; | ||
+ | |||
+ | } | ||
+ | |||
+ | #sidebar-nav { | ||
+ | margin-top: 400%; | ||
+ | } | ||
+ | </style>--> | ||
+ | |||
+ | <style type="text/css"> | ||
+ | #drilldown { | ||
+ | float:left; | ||
+ | position: fixed; | ||
+ | left: 0; | ||
+ | top: 50%; | ||
+ | width: 10%; | ||
+ | z-index: 2; | ||
+ | |||
+ | } | ||
+ | |||
+ | </style> | ||
</p></div> | </p></div> | ||
+ | |||
+ | <ul id="drilldown" class="nav nav-pills nav-stacked"> | ||
+ | <li><a href="#">menu item 1</a></li> | ||
+ | <li><a href="#">menu item 2</a></li> | ||
+ | <li><a href="#" data-toggle="collapse" data-target="#drilldown-1">menu item 3</a> | ||
+ | <div style="padding-left:0px;"> | ||
+ | <ul id="drilldown-1" class="nav nav-pills nav-stacked collapse"> | ||
+ | <li><a href="#">menu item 1-1</a></li> | ||
+ | <li><a href="#">menu item 1-2</a></li> | ||
+ | <li><a href="#">menu item 1-3</a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </li> | ||
+ | <li><a href="#">menu item 4</a></li> | ||
+ | <li><a href="#">menu item 5</a></li> | ||
+ | |||
+ | </ul> | ||
+ | |||
<div class = "inner-container" > | <div class = "inner-container" > | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <!-- Sidebar --> | ||
+ | <!--<div id="sidebar" role="navigation"> | ||
+ | |||
+ | <div id="sidebar-nav"> | ||
+ | <ul class="nav nav-stacked"> | ||
+ | |||
+ | <li><a> <p>Link1</p></a></li> | ||
+ | <li><a > <p>Link2</p></a></li> | ||
+ | <li><a > <p>Link3</p></a> </li> | ||
+ | <li><a > <p>Link4</p></a></li> | ||
+ | <li><a > <p>Link5</p></a></li> | ||
+ | |||
+ | </ul> | ||
+ | </div>--> | ||
+ | <!-- Sidebar End --> | ||
+ | <!--</div>--> | ||
Revision as of 08:30, 30 July 2015