[as2api-dev] [CVS trunk] Do away with the top-nav bar, and glue the bottom-nav to
the top of the screen with CSS
David Holroyd
dave at badgers-in-foil.co.uk
Tue, 26 Jul 2005 22:42:04 +0000
<html>
<head>
<style><!--
body {background-color:#ffffff;}
.file {border:1px solid #eeeeee;margin-top:1em;margin-bottom:1em;}
.pathname {font-family:monospace; float:right;}
.fileheader {margin-bottom:.5em;}
.diff {margin:0;}
.tasklist {padding:4px;border:1px dashed #000000;margin-top:1em;}
.tasklist ul {margin-top:0;margin-bottom:0;}
tr.alt {background-color:#eeeeee}
#added {background-color:#ddffdd;}
#addedchars {background-color:#99ff99;font-weight:bolder;}
tr.alt #added {background-color:#ccf7cc;}
#removed {background-color:#ffdddd;}
#removedchars {background-color:#ff9999;font-weight:bolder;}
tr.alt #removed {background-color:#f7cccc;}
#info {color:#888888;}
#context {background-color:#eeeeee;}
td {padding-left:.3em;padding-right:.3em;}
tr.head {border-bottom-width:1px;border-bottom-style:solid;}
tr.head td {padding:0;padding-top:.2em;}
.task {background-color:#ffff00;}
.comment {padding:4px;border:1px dashed #000000;background-color:#ffffdd}
.error {color:red;}
hr {border-width:0px;height:2px;background:black;}
--></style>
</head>
<body>
<table cellspacing="0" cellpadding="0" border="0" rules="cols">
<tr class="head"><td colspan="4">Commit in <b><tt>trunk/as2api</tt></b><span id="info"> on MAIN</span></td></tr>
<tr><td><tt><a href="#file1">html_output.rb</a></tt></td><td align="right" id="added">+11</td><td align="right" id="removed">-9</td><td nowrap="nowrap" align="center"><a href="http://svn.badgers-in-foil.co.uk/viewcvs.cgi/as2api/trunk/as2api/html_output.rb?rev=208&content-type=text/vnd.viewcvs-markup">208</a> <a href="http://svn.badgers-in-foil.co.uk/viewcvs.cgi/as2api/trunk/as2api/html_output.rb.diff?r1=208&r2=209">-></a> <a href="http://svn.badgers-in-foil.co.uk/viewcvs.cgi/as2api/trunk/as2api/html_output.rb?rev=209&content-type=text/vnd.viewcvs-markup">209</a></td></tr>
</table>
<pre class="comment">
Do away with the top-nav bar, and glue the bottom-nav to the top of the screen with CSS
</pre>
<hr /><a name="file1" /><div class="file">
<span class="pathname"><a
href="http://svn.badgers-in-foil.co.uk/viewcvs.cgi/as2api/trunk">trunk</a>/<a
href="http://svn.badgers-in-foil.co.uk/viewcvs.cgi/as2api/trunk/as2api">as2api</a></span><br />
<div class="fileheader"><big><b>html_output.rb</b></big> <small id="info"><a href="http://svn.badgers-in-foil.co.uk/viewcvs.cgi/as2api/trunk/as2api/html_output.rb?rev=208&content-type=text/vnd.viewcvs-markup">208</a> <a href="http://svn.badgers-in-foil.co.uk/viewcvs.cgi/as2api/trunk/as2api/html_output.rb.diff?r1=208&r2=209">-></a> <a href="http://svn.badgers-in-foil.co.uk/viewcvs.cgi/as2api/trunk/as2api/html_output.rb?rev=209&content-type=text/vnd.viewcvs-markup">209</a></small></div>
<pre class="diff"><small id="info">--- trunk/as2api/html_output.rb 2005-07-26 21:07:43 UTC (rev 208)
+++ trunk/as2api/html_output.rb 2005-07-26 22:42:03 UTC (rev 209)
@@ -54,9 +54,19 @@
</small></pre><pre class="diff" id="context"> background-color: #eeeeee;
}
</pre><pre class="diff" id="added">+body {
+ /* make some space for the navigation */
+ padding-top: 2em;
+}
</pre><pre class="diff" id="context"> .main_nav {
background-color: #EEEEFF;
</pre><pre class="diff" id="removed">- padding: 4px;
</pre><pre class="diff" id="added">+ position: fixed;
+ top: 0;
+ display: block;
+ width: 100%;
+ margin: 0;
+ padding: .5em;
+ border-top: .5em solid white;
</pre><pre class="diff" id="context"> }
.main_nav li {
font-family: sans-serif;
</pre><pre class="diff"><small id="info">@@ -415,14 +425,6 @@
</small></pre><pre class="diff" id="context">
def generate_content
html_body do
</pre><pre class="diff" id="removed">- # accessability; make a link to skip over the initial navigation elements
- html_div do
- html_a("", {"href"=>"#skip_nav", "title"=>"Skip navigation"})
- end
- navigation
- html_div do
- html_a("", {"name"=>"skip_nav"})
- end
</pre><pre class="diff" id="context"> generate_body_content
navigation
generate_footer
</pre></div>
<center><small><a href="http://www.badgers-in-foil.co.uk/projects/cvsspam/" title="commit -> email">CVSspam</a> 0.2.11</small></center>
</body></html>