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