Changeset 4392

Timestamp:

01/29/14 15:20:10 (10 years ago)

Author:

twagoo

Message:

improved navigation in record page of mockup

Location:

vlo/branches/vlo-3.0/vlo-web-app/src/main/html

Files:

• record1.html (modified) (5 diffs)
• style/vlo-record.css (modified) (2 diffs)

vlo/branches/vlo-3.0/vlo-web-app/src/main/html/record1.html

@@ -61 +61 @@
                 </div>
             </div>
-            
+
             <div class="sidebar">
 
@@ -69 +69 @@
                     <h1>Result set</h1>
                     <p>
-                        <a href="">&lt;</a>
-                        Record 1 out of 606156
-                        <a href="">&gt;</a>
+                        Record 1 out of 606156<br />
                     </p>
                     <p>
@@ -80 +78 @@
                         </ul>
                     </p>
-                    <p><a href="index.html">≪ Back to search results</a></p>
+                    <p>
+                        &lt; previous
+                        | <a href="">next &gt;</a>
+                    </p>
                     <!-- rounded corners - bottom **** -->
                     <div class="rbottom"><div class="r4"></div><div class="r3"></div><div class="r2"></div><div class="r1"></div></div>
@@ -96 +97 @@
                         </ul>
                     </p>
+                    <p>
+                        <a href="index.html">≪ Back to search results</a>
+                    </p>
                     <!-- rounded corners - bottom **** -->
                     <div class="rbottom"><div class="r4"></div><div class="r3"></div><div class="r2"></div><div class="r1"></div></div>
@@ -101 +105 @@
             </div>
 
-            <div id="content">
-
-                <h1>&quot;Chinese Democratie en de Transformatie&quot;</h1>
+            <div id="content" class="record">
+
+                <div id="recordprevnext">
+                    &lt; previous
+                    | <a href="">next &gt;</a><br />
+                </div>
+                <h1 id="recordtitle">&quot;Chinese Democratie en de Transformatie&quot;</h1>
                 <div id="recorddetails">
                     <table>

vlo/branches/vlo-3.0/vlo-web-app/src/main/html/style/vlo-record.css

@@ -20 +20 @@
 */
 
-#recordnavigation p a {
+#recordnavigation p a, #recordcontext p a {
     padding: 0;
 }
@@ -62 +62 @@
 }
 
+#content.record {
+    width: 697px;
+}
+
+/* record title with prev/next links */
+
+h1#recordtitle {
+    max-width: 80%;
+    clear: left;
+}
+
+#recordprevnext {
+    width: 15%;
+    float: right;
+    clear: right;
+}
+
 /* icons for record references */
 #recordlandingpage div {