API tools faq
paste
Advertisement
Guest User

layout line break

a guest
Oct 8th, 2013
549
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 14.70 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <title>Test</title>
  5.         <style>
  6.             div {
  7.                 border: 1px solid #CCC;
  8.             }
  9.             div > div {
  10.                 display: inline-block;
  11.                 float: left;
  12.                 vertical-align: top;
  13.             }
  14.             .selection {
  15.                 min-width: 200px;
  16.             }
  17.         </style>
  18.     </head>
  19.     <body>
  20.         <div>
  21.             <div class="selection">Menu</div>
  22.             <div>
  23.                 <table>
  24.                    
  25.     <tbody><tr>
  26.         <!-- ngRepeat: hidx in fieldOrder --><th class="ng-scope ng-binding" data-ng-repeat="hidx in fieldOrder">Zimmer</th><th class="ng-scope ng-binding" data-ng-repeat="hidx in fieldOrder">Bett</th><th class="ng-scope ng-binding" data-ng-repeat="hidx in fieldOrder">Fallnummer</th><th class="ng-scope ng-binding" data-ng-repeat="hidx in fieldOrder">Vorname</th><th class="ng-scope ng-binding" data-ng-repeat="hidx in fieldOrder">Nachname</th><th class="ng-scope ng-binding" data-ng-repeat="hidx in fieldOrder">Risiko</th><th class="ng-scope ng-binding" data-ng-repeat="hidx in fieldOrder">Diagnose</th><th class="ng-scope ng-binding" data-ng-repeat="hidx in fieldOrder">Gepl. Entlassung</th><th class="ng-scope ng-binding" data-ng-repeat="hidx in fieldOrder">DRG</th>
  27.     </tr>
  28.     <!-- ngRepeat: row in data --><tr class="ng-scope" data-ng-repeat="row in data">
  29.         <!-- ngRepeat: cidx in fieldOrder --><td class="ng-scope" data-ng-repeat="cidx in fieldOrder">
  30.             <img data-ng-show="isRisk(cidx) &amp;&amp; row.data[liveinfoObject.fieldIndices[liveinfoObject.constants.Metatypes.$IS_RISK]].value" src="../pix/error_16.png" title="Risikobeschreibung" style="margin-left: 6px; display: none;">
  31.             <div data-ng-show="isDismission(cidx)" style="text-align: center; display: none;">
  32.                 <span title="" class="marker ok"></span>
  33.                 <span class="ng-binding">Zimmer 0</span>
  34.             </div>
  35.             <span style="display: none;" class="ng-binding" data-ng-show="isDRG(cidx)" title="DRG Beschreibung">
  36.                 Zimmer 0
  37.             </span>
  38.             <span class="ng-binding" data-ng-hide="isRisk(cidx) || isDismission(cidx) || isDRG(cidx)">Zimmer 0</span>
  39.         </td><td class="ng-scope" data-ng-repeat="cidx in fieldOrder">
  40.             <img data-ng-show="isRisk(cidx) &amp;&amp; row.data[liveinfoObject.fieldIndices[liveinfoObject.constants.Metatypes.$IS_RISK]].value" src="../pix/error_16.png" title="Risikobeschreibung" style="margin-left: 6px; display: none;">
  41.             <div data-ng-show="isDismission(cidx)" style="text-align: center; display: none;">
  42.                 <span title="" class="marker ok"></span>
  43.                 <span class="ng-binding">Bett 0</span>
  44.             </div>
  45.             <span style="display: none;" class="ng-binding" data-ng-show="isDRG(cidx)" title="DRG Beschreibung">
  46.                 Bett 0
  47.             </span>
  48.             <span class="ng-binding" data-ng-hide="isRisk(cidx) || isDismission(cidx) || isDRG(cidx)">Bett 0</span>
  49.         </td><td class="ng-scope" data-ng-repeat="cidx in fieldOrder">
  50.             <img data-ng-show="isRisk(cidx) &amp;&amp; row.data[liveinfoObject.fieldIndices[liveinfoObject.constants.Metatypes.$IS_RISK]].value" src="../pix/error_16.png" title="Risikobeschreibung" style="margin-left: 6px; display: none;">
  51.             <div data-ng-show="isDismission(cidx)" style="text-align: center; display: none;">
  52.                 <span title="" class="marker ok"></span>
  53.                 <span class="ng-binding">f52aca6a-11e0-4dcc-93d8-775ee1991856</span>
  54.             </div>
  55.             <span style="display: none;" class="ng-binding" data-ng-show="isDRG(cidx)" title="DRG Beschreibung">
  56.                 f52aca6a-11e0-4dcc-93d8-775ee1991856
  57.             </span>
  58.             <span class="ng-binding" data-ng-hide="isRisk(cidx) || isDismission(cidx) || isDRG(cidx)">f52aca6a-11e0-4dcc-93d8-775ee1991856</span>
  59.         </td><td class="ng-scope" data-ng-repeat="cidx in fieldOrder">
  60.             <img data-ng-show="isRisk(cidx) &amp;&amp; row.data[liveinfoObject.fieldIndices[liveinfoObject.constants.Metatypes.$IS_RISK]].value" src="../pix/error_16.png" title="Risikobeschreibung" style="margin-left: 6px; display: none;">
  61.             <div data-ng-show="isDismission(cidx)" style="text-align: center; display: none;">
  62.                 <span title="" class="marker ok"></span>
  63.                 <span class="ng-binding">Uschi</span>
  64.             </div>
  65.             <span style="display: none;" class="ng-binding" data-ng-show="isDRG(cidx)" title="DRG Beschreibung">
  66.                 Uschi
  67.             </span>
  68.             <span class="ng-binding" data-ng-hide="isRisk(cidx) || isDismission(cidx) || isDRG(cidx)">Uschi</span>
  69.         </td><td class="ng-scope" data-ng-repeat="cidx in fieldOrder">
  70.             <img data-ng-show="isRisk(cidx) &amp;&amp; row.data[liveinfoObject.fieldIndices[liveinfoObject.constants.Metatypes.$IS_RISK]].value" src="../pix/error_16.png" title="Risikobeschreibung" style="margin-left: 6px; display: none;">
  71.             <div data-ng-show="isDismission(cidx)" style="text-align: center; display: none;">
  72.                 <span title="" class="marker ok"></span>
  73.                 <span class="ng-binding">Müller</span>
  74.             </div>
  75.             <span style="display: none;" class="ng-binding" data-ng-show="isDRG(cidx)" title="DRG Beschreibung">
  76.                 Müller
  77.             </span>
  78.             <span class="ng-binding" data-ng-hide="isRisk(cidx) || isDismission(cidx) || isDRG(cidx)">Müller</span>
  79.         </td><td class="ng-scope" data-ng-repeat="cidx in fieldOrder">
  80.             <img data-ng-show="isRisk(cidx) &amp;&amp; row.data[liveinfoObject.fieldIndices[liveinfoObject.constants.Metatypes.$IS_RISK]].value" src="../pix/error_16.png" title="Risikobeschreibung" style="margin-left: 6px;">
  81.             <div data-ng-show="isDismission(cidx)" style="text-align: center; display: none;">
  82.                 <span title="" class="marker ok"></span>
  83.                 <span class="ng-binding">true</span>
  84.             </div>
  85.             <span style="display: none;" class="ng-binding" data-ng-show="isDRG(cidx)" title="DRG Beschreibung">
  86.                 true
  87.             </span>
  88.             <span style="display: none;" class="ng-binding" data-ng-hide="isRisk(cidx) || isDismission(cidx) || isDRG(cidx)">true</span>
  89.         </td><td class="ng-scope" data-ng-repeat="cidx in fieldOrder">
  90.             <img data-ng-show="isRisk(cidx) &amp;&amp; row.data[liveinfoObject.fieldIndices[liveinfoObject.constants.Metatypes.$IS_RISK]].value" src="../pix/error_16.png" title="Risikobeschreibung" style="margin-left: 6px; display: none;">
  91.             <div data-ng-show="isDismission(cidx)" style="text-align: center; display: none;">
  92.                 <span title="" class="marker ok"></span>
  93.                 <span class="ng-binding"></span>
  94.             </div>
  95.             <span style="display: none;" class="ng-binding" data-ng-show="isDRG(cidx)" title="DRG Beschreibung">
  96.                
  97.             </span>
  98.             <span class="ng-binding" data-ng-hide="isRisk(cidx) || isDismission(cidx) || isDRG(cidx)"></span>
  99.         </td><td class="ng-scope" data-ng-repeat="cidx in fieldOrder">
  100.             <img data-ng-show="isRisk(cidx) &amp;&amp; row.data[liveinfoObject.fieldIndices[liveinfoObject.constants.Metatypes.$IS_RISK]].value" src="../pix/error_16.png" title="Risikobeschreibung" style="margin-left: 6px; display: none;">
  101.             <div data-ng-show="isDismission(cidx)" style="text-align: center;">
  102.                 <span title="26.09.2013 - 08.10.2013 - Heute - 24.10.2013" class="marker warning"></span>
  103.                 <span class="ng-binding">08.10.2013 16:47:12</span>
  104.             </div>
  105.             <span style="display: none;" class="ng-binding" data-ng-show="isDRG(cidx)" title="DRG Beschreibung">
  106.                 08.10.2013 16:47:12
  107.             </span>
  108.             <span style="display: none;" class="ng-binding" data-ng-hide="isRisk(cidx) || isDismission(cidx) || isDRG(cidx)">08.10.2013 16:47:12</span>
  109.         </td><td class="ng-scope" data-ng-repeat="cidx in fieldOrder">
  110.             <img data-ng-show="isRisk(cidx) &amp;&amp; row.data[liveinfoObject.fieldIndices[liveinfoObject.constants.Metatypes.$IS_RISK]].value" src="../pix/error_16.png" title="Risikobeschreibung" style="margin-left: 6px; display: none;">
  111.             <div data-ng-show="isDismission(cidx)" style="text-align: center; display: none;">
  112.                 <span title="" class="marker ok"></span>
  113.                 <span class="ng-binding">bbbb237a-f5df-4d62-b0a3-312efc965e78</span>
  114.             </div>
  115.             <span class="ng-binding" data-ng-show="isDRG(cidx)" title="DRG Beschreibung">
  116.                 bbbb237a-f5df-4d62-b0a3-312efc965e78
  117.             </span>
  118.             <span style="display: none;" class="ng-binding" data-ng-hide="isRisk(cidx) || isDismission(cidx) || isDRG(cidx)">bbbb237a-f5df-4d62-b0a3-312efc965e78</span>
  119.         </td>
  120.     </tr><tr class="ng-scope" data-ng-repeat="row in data">
  121.         <!-- ngRepeat: cidx in fieldOrder --><td class="ng-scope" data-ng-repeat="cidx in fieldOrder">
  122.             <img data-ng-show="isRisk(cidx) &amp;&amp; row.data[liveinfoObject.fieldIndices[liveinfoObject.constants.Metatypes.$IS_RISK]].value" src="../pix/error_16.png" title="" style="margin-left: 6px; display: none;">
  123.             <div data-ng-show="isDismission(cidx)" style="text-align: center; display: none;">
  124.                 <span title="" class="marker ok"></span>
  125.                 <span class="ng-binding">Zimmer 1</span>
  126.             </div>
  127.             <span style="display: none;" class="ng-binding" data-ng-show="isDRG(cidx)" title="DRG Beschreibung">
  128.                 Zimmer 1
  129.             </span>
  130.             <span class="ng-binding" data-ng-hide="isRisk(cidx) || isDismission(cidx) || isDRG(cidx)">Zimmer 1</span>
  131.         </td><td class="ng-scope" data-ng-repeat="cidx in fieldOrder">
  132.             <img data-ng-show="isRisk(cidx) &amp;&amp; row.data[liveinfoObject.fieldIndices[liveinfoObject.constants.Metatypes.$IS_RISK]].value" src="../pix/error_16.png" title="" style="margin-left: 6px; display: none;">
  133.             <div data-ng-show="isDismission(cidx)" style="text-align: center; display: none;">
  134.                 <span title="" class="marker ok"></span>
  135.                 <span class="ng-binding">Bett 0</span>
  136.             </div>
  137.             <span style="display: none;" class="ng-binding" data-ng-show="isDRG(cidx)" title="DRG Beschreibung">
  138.                 Bett 0
  139.             </span>
  140.             <span class="ng-binding" data-ng-hide="isRisk(cidx) || isDismission(cidx) || isDRG(cidx)">Bett 0</span>
  141.         </td><td class="ng-scope" data-ng-repeat="cidx in fieldOrder">
  142.             <img data-ng-show="isRisk(cidx) &amp;&amp; row.data[liveinfoObject.fieldIndices[liveinfoObject.constants.Metatypes.$IS_RISK]].value" src="../pix/error_16.png" title="" style="margin-left: 6px; display: none;">
  143.             <div data-ng-show="isDismission(cidx)" style="text-align: center; display: none;">
  144.                 <span title="" class="marker ok"></span>
  145.                 <span class="ng-binding">c5726e60-2c82-41e1-8746-8946db4aae18</span>
  146.             </div>
  147.             <span style="display: none;" class="ng-binding" data-ng-show="isDRG(cidx)" title="DRG Beschreibung">
  148.                 c5726e60-2c82-41e1-8746-8946db4aae18
  149.             </span>
  150.             <span class="ng-binding" data-ng-hide="isRisk(cidx) || isDismission(cidx) || isDRG(cidx)">c5726e60-2c82-41e1-8746-8946db4aae18</span>
  151.         </td><td class="ng-scope" data-ng-repeat="cidx in fieldOrder">
  152.             <img data-ng-show="isRisk(cidx) &amp;&amp; row.data[liveinfoObject.fieldIndices[liveinfoObject.constants.Metatypes.$IS_RISK]].value" src="../pix/error_16.png" title="" style="margin-left: 6px; display: none;">
  153.             <div data-ng-show="isDismission(cidx)" style="text-align: center; display: none;">
  154.                 <span title="" class="marker ok"></span>
  155.                 <span class="ng-binding">Thomas</span>
  156.             </div>
  157.             <span style="display: none;" class="ng-binding" data-ng-show="isDRG(cidx)" title="DRG Beschreibung">
  158.                 Thomas
  159.             </span>
  160.             <span class="ng-binding" data-ng-hide="isRisk(cidx) || isDismission(cidx) || isDRG(cidx)">Thomas</span>
  161.         </td><td class="ng-scope" data-ng-repeat="cidx in fieldOrder">
  162.             <img data-ng-show="isRisk(cidx) &amp;&amp; row.data[liveinfoObject.fieldIndices[liveinfoObject.constants.Metatypes.$IS_RISK]].value" src="../pix/error_16.png" title="" style="margin-left: 6px; display: none;">
  163.             <div data-ng-show="isDismission(cidx)" style="text-align: center; display: none;">
  164.                 <span title="" class="marker ok"></span>
  165.                 <span class="ng-binding">Martin</span>
  166.             </div>
  167.             <span style="display: none;" class="ng-binding" data-ng-show="isDRG(cidx)" title="DRG Beschreibung">
  168.                 Martin
  169.             </span>
  170.             <span class="ng-binding" data-ng-hide="isRisk(cidx) || isDismission(cidx) || isDRG(cidx)">Martin</span>
  171.         </td><td class="ng-scope" data-ng-repeat="cidx in fieldOrder">
  172.             <img data-ng-show="isRisk(cidx) &amp;&amp; row.data[liveinfoObject.fieldIndices[liveinfoObject.constants.Metatypes.$IS_RISK]].value" src="../pix/error_16.png" title="" style="margin-left: 6px; display: none;">
  173.             <div data-ng-show="isDismission(cidx)" style="text-align: center; display: none;">
  174.                 <span title="" class="marker ok"></span>
  175.                 <span class="ng-binding">false</span>
  176.             </div>
  177.             <span style="display: none;" class="ng-binding" data-ng-show="isDRG(cidx)" title="DRG Beschreibung">
  178.                 false
  179.             </span>
  180.             <span style="display: none;" class="ng-binding" data-ng-hide="isRisk(cidx) || isDismission(cidx) || isDRG(cidx)">false</span>
  181.         </td><td class="ng-scope" data-ng-repeat="cidx in fieldOrder">
  182.             <img data-ng-show="isRisk(cidx) &amp;&amp; row.data[liveinfoObject.fieldIndices[liveinfoObject.constants.Metatypes.$IS_RISK]].value" src="../pix/error_16.png" title="" style="margin-left: 6px; display: none;">
  183.             <div data-ng-show="isDismission(cidx)" style="text-align: center; display: none;">
  184.                 <span title="" class="marker ok"></span>
  185.                 <span class="ng-binding"></span>
  186.             </div>
  187.             <span style="display: none;" class="ng-binding" data-ng-show="isDRG(cidx)" title="DRG Beschreibung">
  188.                
  189.             </span>
  190.             <span class="ng-binding" data-ng-hide="isRisk(cidx) || isDismission(cidx) || isDRG(cidx)"></span>
  191.         </td><td class="ng-scope" data-ng-repeat="cidx in fieldOrder">
  192.             <img data-ng-show="isRisk(cidx) &amp;&amp; row.data[liveinfoObject.fieldIndices[liveinfoObject.constants.Metatypes.$IS_RISK]].value" src="../pix/error_16.png" title="" style="margin-left: 6px; display: none;">
  193.             <div data-ng-show="isDismission(cidx)" style="text-align: center;">
  194.                 <span title="06.10.2013 - Heute - 16.10.2013 - 30.10.2013" class="marker ok"></span>
  195.                 <span class="ng-binding">08.10.2013 16:47:12</span>
  196.             </div>
  197.             <span style="display: none;" class="ng-binding" data-ng-show="isDRG(cidx)" title="DRG Beschreibung">
  198.                 08.10.2013 16:47:12
  199.             </span>
  200.             <span style="display: none;" class="ng-binding" data-ng-hide="isRisk(cidx) || isDismission(cidx) || isDRG(cidx)">08.10.2013 16:47:12</span>
  201.         </td><td class="ng-scope" data-ng-repeat="cidx in fieldOrder">
  202.             <img data-ng-show="isRisk(cidx) &amp;&amp; row.data[liveinfoObject.fieldIndices[liveinfoObject.constants.Metatypes.$IS_RISK]].value" src="../pix/error_16.png" title="" style="margin-left: 6px; display: none;">
  203.             <div data-ng-show="isDismission(cidx)" style="text-align: center; display: none;">
  204.                 <span title="" class="marker ok"></span>
  205.                 <span class="ng-binding">b87a9eb7-f6e8-4ea0-a6ee-df7fb363dbf9</span>
  206.             </div>
  207.             <span class="ng-binding" data-ng-show="isDRG(cidx)" title="DRG Beschreibung">
  208.                 b87a9eb7-f6e8-4ea0-a6ee-df7fb363dbf9
  209.             </span>
  210.             <span style="display: none;" class="ng-binding" data-ng-hide="isRisk(cidx) || isDismission(cidx) || isDRG(cidx)">b87a9eb7-f6e8-4ea0-a6ee-df7fb363dbf9</span>
  211.         </td>
  212.     </tr>
  213.                
  214. </tbody>
  215.                 </table>
  216.             </div>
  217.         </div>
  218.     </body>
  219. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!