Anchor start below fixed header

* For header, sections, use id in tag
* For tables, prepend with <a>

assets/main.css

@@ -24,10 +24,11 @@ body {
         padding-top: 20px;
     }
 
-.anchor {
-    display: block; 
-    position: relative; 
-    top: -70px; 
+.anchor:before {
+    content: " ";
+    display: block;
+    height: 70px;
+    margin-top: -70px;
     visibility: hidden;
 }
 

build/terms.tmpl

@@ -79,7 +79,7 @@
                     </div>
 
                     #for $group in $groups
-                    <section id="$group.name">
+                    <section id="$group.name" class="anchor">
                         <header class="well">
                             <h2>$group.name</h2>
                             <ul class="list-inline">
@@ -90,11 +90,12 @@
                         </header>
             #def showTerm($t, $isProperty)
                 #if $t.uri is not None
-                    #if $isProperty 
-                    <table id="$t.name" class="table table-bordered table-condensed term-definition">
-                    #else
-                    <table id="$t.name" class="table table-bordered table-condensed class-definition">
-                    #end if
+                    #if $isProperty
+                    <a id="$t.name" class="anchor"></a>
+                        <table class="table table-bordered table-condensed term-definition">
+                        #else
+                        <table class="table table-bordered table-condensed class-definition">
+                        #end if
                             <colgroup><col></col><col></col></colgroup>
                             <tbody>
                                 <tr><td colspan="2">$t.name</td></tr>