pjs/layout/html/tests/table/interactive/bug19535.html

56 строки
1.8 KiB
HTML

<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>