1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55
|
<html>
<head>
<style>
table {
border: 1px solid red;
}
td {
border: 1px solid blue;
padding: 10px;
}
a:hover {
font-size: 20pt;
color: red;
}
</style>
</head>
<body>
<P>First table for comparison of column widths in 'reflowabble' table below.</p>
<table>
<tr><td>Mouse<td>over<td>the<td>anchors<td>here</tr>
</table>
<p>
Notice that when you mouseover the links in the table below, the table reflows. <br>
However, on mouseout, the 'active' column does not reflow to its original width.
</p>
<table>
<tr><td>Mouse<td><a href=''>over</a><td>the<td>anchors<td><a href=''>here</a></tr>
<tr><td>Mouse<td>over<td><a href=''>the</a><td><a href=''>anchors</a><td>here</tr>
<tr><td><a href=''>Mouse</a><td>over<td><a href=''>the</a><td>anchors<td>here</tr>
</table>
<BR>
<BR>
<P>First table for comparison of column widths in 'reflowabble' table below.</p>
<table>
<tr><td>Mouse<td>over<td>the<td>anchors<td>here</tr>
</table>
<p>
Notice that when you mouseover the links in the table below, the table reflows. <br>
However, on mouseout, the 'active' column does not reflow to its original width.
</p>
<table>
<tr><td>Mouse<td><a href=''>over</a><td>the<td>anchors<td><a href=''>here</a></tr>
<tr><td>Mouse<td>over<td><a href=''>the</a><td><a href=''>anchors</a><td>here</tr>
<tr><td><a href=''>Mouse</a><td>over<td><a href=''>the</a><td>anchors<td>here</tr>
</table>
<p>
this text is horked after the mouseover/mouseout on the links in the table.
this text is horked after the mouseover/mouseout on the links in the table.
this text is horked after the mouseover/mouseout on the links in the table.
this text is horked after the mouseover/mouseout on the links in the table.
this text is horked after the mouseover/mouseout on the links in the table.
</p>
</body>
</html>
|