Retitle index-local.html

[mkws-moved-to-github.git] / experiments / spclient / index-local.html
diff --git a/experiments/spclient/index-local.html b/experiments/spclient/index-local.html

index c7546ff..d11cc38 100644 (file)
--- a/experiments/spclient/index-local.html
+++ b/experiments/spclient/index-local.html
@@ -1,7 +1,7 @@
  <html>
    <head>
      <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-    <title>MKWS demo client</title>
+    <title>MKWS demo: Mike's playground</title>
      <link rel="stylesheet" href="mkwsStyle.css" />
      <script type="text/javascript" src="http://code.jquery.com/jquery-1.10.0.min.js"></script>
      <script type="text/javascript" src="http://mkws.indexdata.com/libjs-pz2/pz2api.1.js"></script>
@@ -9,34 +9,46 @@
      <style type="text/css">
        #mkwsTermlists div.facet {
        float:left;
-      max-width: 300px;
+      width: 30%;
        margin: 0.3em;
        }
+      #mkwsStat {
+      text-align: right;
+      }
      </style>
    </head>
    <body>
-    <div id="mkwsSwitch"></div>
-    <div id="mkwsLang"></div>
-    <div id="mkwsSearch"></div>
-    <table width="100%" border="1" style="clear:both">
+    <table width="100%" border="0">
+      <tr>
+        <td>
+          <div id="mkwsSwitch"></div>
+          <div id="mkwsLang"></div>
+          <div id="mkwsSearch"></div>
+        </td>
+      </tr>
        <tr>
-        <td style="height:500px" valign="top">
-         top
-          <div id="mkwsPager"></div>
-          <div id="mkwsNavi"></div>
-          <div id="mkwsRecords" style="background: #f0f8ff"></div>
-          <div id="mkwsRanking"></div>
-         bottom
-       </td>
+        <td>
+          <div style="height:500px; overflow: auto">
+            <div id="mkwsPager"></div>
+            <div id="mkwsNavi"></div>
+            <div id="mkwsRecords"></div>
+            <div id="mkwsTargets"></div>
+            <div id="mkwsRanking"></div>
+          </div>
+        </td>
+      </tr>
+      <tr>
+        <td>
+          <div style="height:300px; overflow: hidden">
+            <div id="mkwsTermlists"></div>
+          </div>
+        </td>
        </tr>
        <tr>
-        <td style="height:300px" valign="top">
-         second
-          <div id="mkwsTermlists"></div>
+        <td>
+          <div id="mkwsStat"></div>
          </td>
        </tr>
      </table>
-    <div id="mkwsTargets"></div>
-    <div id="mkwsStat"></div>
    </body>
  </html>