Embedded Motion Control 2014 Group 8: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
Line 1: | Line 1: | ||
<!DOCTYPE html> | |||
<html><head><title>testdoc</title> | |||
<style type="text/css"> | |||
body { font:16px Calibri;} | |||
table { border-collapse:separate; border-top: 3px solid grey; } | |||
td { | |||
margin:0; | |||
border:3px solid grey; | |||
border-top-width:0px; | |||
white-space:nowrap; | |||
} | |||
div { | |||
width: 600px; | |||
overflow-x:scroll; | |||
margin-left:5em; | |||
overflow-y:visible; | |||
padding-bottom:1px; | |||
} | |||
.headcol { | |||
position:absolute; | |||
width:5em; | |||
left:0; | |||
top:auto; | |||
border-right: 0px none black; | |||
border-top-width:3px; /*only relevant for first row*/ | |||
margin-top:-3px; /*compensate for top border*/ | |||
} | |||
.headcol:before {content: 'Row ';} | |||
.long { background:yellow; letter-spacing:1em; } | |||
</style></head><body> | |||
<div><table> | |||
<tr><td class="headcol">1</td><td class="long">QWERTYUIOPASDFGHJKLZXCVBNM</td><td class="long">QWERTYUIOPASDFGHJKLZXCVBNM</td></tr> | |||
<tr><td class="headcol">2</td><td class="long">QWERTYUIOPASDFGHJKLZXCVBNM</td><td class="long">QWERTYUIOPASDFGHJKLZXCVBNM</td></tr> | |||
<tr><td class="headcol">3</td><td class="long">QWERTYUIOPASDFGHJKLZXCVBNM</td><td class="long">QWERTYUIOPASDFGHJKLZXCVBNM</td></tr> | |||
<tr><td class="headcol">4</td><td class="long">QWERTYUIOPASDFGHJKLZXCVBNM</td><td class="long">QWERTYUIOPASDFGHJKLZXCVBNM</td></tr> | |||
<tr><td class="headcol">5</td><td class="long">QWERTYUIOPASDFGHJKLZXCVBNM</td><td class="long">QWERTYUIOPASDFGHJKLZXCVBNM</td></tr> | |||
<tr><td class="headcol">6</td><td class="long">QWERTYUIOPASDFGHJKLZXCVBNM</td><td class="long">QWERTYUIOPASDFGHJKLZXCVBNM</td></tr> | |||
<tr><td class="headcol">7</td><td class="long">QWERTYUIOPASDFGHJKLZXCVBNM</td><td class="long">QWERTYUIOPASDFGHJKLZXCVBNM</td></tr> | |||
<tr><td class="headcol">8</td><td class="long">QWERTYUIOPASDFGHJKLZXCVBNM</td><td class="long">QWERTYUIOPASDFGHJKLZXCVBNM</td></tr> | |||
<tr><td class="headcol">9</td><td class="long">QWERTYUIOPASDFGHJKLZXCVBNM</td><td class="long">QWERTYUIOPASDFGHJKLZXCVBNM</td></tr> | |||
</table></div> | |||
</body></html> | |||
<TABLE cellspacing="0" cellPadding="0" width="1100" border="0"> | <TABLE cellspacing="0" cellPadding="0" width="1100" border="0"> | ||
<TR> | <TR> |
Revision as of 20:22, 27 May 2014
<!DOCTYPE html> <html><head><title>testdoc</title> <style type="text/css">
body { font:16px Calibri;} table { border-collapse:separate; border-top: 3px solid grey; } td { margin:0; border:3px solid grey; border-top-width:0px; white-space:nowrap; } div { width: 600px; overflow-x:scroll; margin-left:5em; overflow-y:visible; padding-bottom:1px; } .headcol { position:absolute; width:5em; left:0; top:auto; border-right: 0px none black; border-top-width:3px; /*only relevant for first row*/ margin-top:-3px; /*compensate for top border*/ } .headcol:before {content: 'Row ';} .long { background:yellow; letter-spacing:1em; }
</style></head><body>
1 | QWERTYUIOPASDFGHJKLZXCVBNM | QWERTYUIOPASDFGHJKLZXCVBNM |
2 | QWERTYUIOPASDFGHJKLZXCVBNM | QWERTYUIOPASDFGHJKLZXCVBNM |
3 | QWERTYUIOPASDFGHJKLZXCVBNM | QWERTYUIOPASDFGHJKLZXCVBNM |
4 | QWERTYUIOPASDFGHJKLZXCVBNM | QWERTYUIOPASDFGHJKLZXCVBNM |
5 | QWERTYUIOPASDFGHJKLZXCVBNM | QWERTYUIOPASDFGHJKLZXCVBNM |
6 | QWERTYUIOPASDFGHJKLZXCVBNM | QWERTYUIOPASDFGHJKLZXCVBNM |
7 | QWERTYUIOPASDFGHJKLZXCVBNM | QWERTYUIOPASDFGHJKLZXCVBNM |
8 | QWERTYUIOPASDFGHJKLZXCVBNM | QWERTYUIOPASDFGHJKLZXCVBNM |
9 | QWERTYUIOPASDFGHJKLZXCVBNM | QWERTYUIOPASDFGHJKLZXCVBNM |
</body></html>