src/textarea/table.html
author Matthias Mann
Fri, 03 Jan 2014 00:59:11 +0100
changeset 288 5f071bee5a2f
parent 251 5a496842d3d1
permissions -rw-r--r--
added new Permissions manifest attribute
     1 <html>
     2     <head>
     3         <title>Table Demo</title>
     4         <link type="text/css" rel="stylesheet" href="demo.css"/>
     5     </head>
     6     <body>
     7         <ul>
     8             <li><a href="demo.html">Floating &lt;div&gt; Demo</a></li>
     9             <li>Table Demo</li>
    10             <li><a href="list.html">Ordered List Demo</a></li>
    11             <li><a href="TextAreaDemo.html">TextAreaDemo.java</a></li>
    12         </ul>
    13         <div style="float: left; margin-right: 1em; margin-bottom: 1em">
    14             <table>
    15                 <tr><td colspan="2"><a href="javascript:zoomImage()"><img src="image.png" alt="Portrait&#10;Click to zoom in" id="portrait"/></a></td></tr>
    16                 <tr><td>Level</td><td style="width: 2em; text-align: right">6</td></tr>
    17                 <tr><td>Health</td><td style="text-align: right">82</td></tr>
    18                 <tr><td>Attack</td><td style="text-align: right">4</td></tr>
    19                 <tr><td>Defense</td><td style="text-align: right">2</td></tr>
    20             </table>
    21         </div>
    22         <div style="float: right; font-family:big">
    23             Wood Elf
    24         </div>
    25         <p>
    26             Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce dapibus
    27             consequat euismod. Nullam euismod mi quis lacus commodo vestibulum.
    28             Donec adipiscing orci mauris, in aliquet ante. Mauris rhoncus eros
    29             dolor, convallis vestibulum nulla. Vivamus consectetur scelerisque
    30             leo id viverra. Quisque cursus tortor nec magna rutrum pharetra.
    31             Etiam id lorem nec eros accumsan faucibus in nec urna. In rutrum,
    32             nisl sit amet vehicula viverra, orci leo vehicula mi, eget accumsan
    33             massa leo quis arcu. Curabitur porttitor sodales laoreet. Sed
    34             tristique magna eu elit facilisis at tempus ante bibendum. Aenean ut
    35             neque nec nisl pharetra tristique sed in eros. Donec eget augue
    36             lacus, vel congue elit.</p>
    37         <p>
    38             Proin tempus eros in ipsum suscipit eu dignissim purus mollis. Morbi
    39             et lacus a dui egestas molestie ut ut enim. Suspendisse pulvinar
    40             lectus eu turpis tristique consequat. Vestibulum ante ipsum primis
    41             in faucibus orci luctus et ultrices posuere cubilia Curae; Sed nec
    42             elit leo, vitae placerat eros. Nulla id nunc sed sapien consectetur
    43             scelerisque. Vestibulum ante ipsum primis in faucibus orci luctus et
    44             ultrices posuere cubilia Curae; Phasellus quam quam, eleifend vel
    45             aliquet id, interdum nec eros. Proin tincidunt dolor nec mi commodo
    46             lacinia. Cras id libero nec urna gravida elementum. In ornare, justo
    47             et accumsan condimentum, turpis orci consectetur mauris, eu dictum
    48             tellus dolor nec lorem. Aliquam erat volutpat.</p>
    49     </body>
    50 </html>