orbit-basic/public/demo/navigation_absolute.html

49 lines
776 B
HTML

<link rel="stylesheet" href="../stylesheets/easy.css" media="screen" />
<style>
/* COPY START HERE */
ul.nav{
margin:0;
padding:0;
position:absolute;
top:2em;
right:0;
}
ul.nav li{
margin:0;
padding:0 .5em;
line-height:1em;
float:left;
list-style:none;
border-left:1px solid #555;
}
ul.nav li.first{
padding-left:0;
border-left:none;
}
ul.nav li a{float:left;}
/* COPY END HERE */
</style>
<div id="container">
<div class="main">
<!-- COPY START HERE -->
<ul class="nav fixed">
<li class="first"><a href="#">Lorem</a></li>
<li><a href="#">Lorem</a></li>
<li><a href="#">Lorem</a></li>
<li><a href="#">Lorem</a></li>
<li><a href="#">Lorem</a></li>
<li><a href="#">Lorem</a></li>
</ul>
<!-- COPY END HERE -->
</div>
</div>