Better fixed-width table columns.
authorMike Taylor <mike@indexdata.com>
Fri, 24 Jan 2014 16:58:33 +0000 (16:58 +0000)
committerMike Taylor <mike@indexdata.com>
Fri, 24 Jan 2014 16:58:33 +0000 (16:58 +0000)
examples/htdocs/auto3.html

index b595516..f9c70f5 100644 (file)
@@ -8,14 +8,17 @@
     <link rel="stylesheet" type="text/css" href="//mkws.indexdata.com/mkws.css" />
     <script type="text/javascript" src="//mkws.indexdata.com/mkws-complete.js"></script>
     <style type="text/css">
-      td { vertical-align: top }
+      td { vertical-align: top; overflow: word-break }
     </style>
   </head>
   <body>
     <h1>Topic page: Dinosaurs</h1>
-    <table border="1" width="100%">
+    <table border="1" width="100%" style="table-layout:fixed">
+      <col width="33%"/>
+      <col width="33%"/>
+      <col width="33%"/>
       <tr>
-       <td width="33%">
+       <td>
          <h2>PLOS ONE</h2>
 <div class='mkwsRecords mkwsTeam_plos'
        autosearch='dinosaur'
@@ -23,7 +26,7 @@
        targets='pz:id~lui.indexdata.com:8080/solr4/#6265'
 >PLOS ONE articles will appear here</div>
        </td>
-       <td width="33%">
+       <td>
          <h2>Project Gutenberg</h2>
 <div class='mkwsRecords mkwsTeam_gutenberg'
        autosearch='dinosaur'
@@ -31,7 +34,7 @@
        targets='pz:id~lui.indexdata.com:8080/solr4/#3552'
 >Free e-books will appear here</div>
        </td>
-       <td width="33%">
+       <td>
          <h2>Library of Congress</h2>
 <div class='mkwsRecords mkwsTeam_blog'
        autosearch='dinosaur'