new regression tests not affecting the build.
|
@ -0,0 +1,19 @@
|
|||
<html>
|
||||
<head>
|
||||
<title>simplified "image/spacer image/image" table row testcase</title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Using a 10px wide transparent gif with td width="10" in the middle column...</p>
|
||||
|
||||
<table border="1" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td><a target="_top" href="http://bugzilla.mozilla.com"><img border="0" width="329" height="220" alt="" src="../images/ant.jpg"></a></td>
|
||||
<td width="10"><img src="../images/w.gif" width="10" height="1"></td>
|
||||
<td><a target="_top" href="http://bugzilla.mozilla.com"><img border="0" width="329" height="220" alt="" src="../images/ant.jpg"></a></td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,23 @@
|
|||
<html>
|
||||
<head><title>Testcase for bug 11331</title></head>
|
||||
<body>
|
||||
<P>In the yellow table the "W" is clipped on its left edge.<BR>
|
||||
The only difference is that:<BR>
|
||||
yellow table has CELLPADDING="0"<BR>
|
||||
grey table has CELLPADDING="1".
|
||||
|
||||
<TABLE WIDTH="40" CELLPADDING="0" BGCOLOR="yellow">
|
||||
<TR>
|
||||
<TD><FONT FACE="MS Sans Serif, Geneva, sans-serif" SIZE="-2">Online Web-Store</TD>
|
||||
</TR>
|
||||
</TABLE>
|
||||
|
||||
<TABLE WIDTH="40" CELLPADDING="1" BGCOLOR="#EEEEEE">
|
||||
<TR>
|
||||
<TD><FONT FACE="MS Sans Serif, Geneva, sans-serif" SIZE="-2">Online Web-Store</TD>
|
||||
</TR>
|
||||
</TABLE>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,23 @@
|
|||
<HTML>
|
||||
<BODY>
|
||||
<TABLE BORDER=0 cellpadding=0 cellspacing=0 width=600>
|
||||
<TR>
|
||||
<TD WIDTH=150 BGCOLOR=00EEEE>
|
||||
150 pixels wide
|
||||
</TD>
|
||||
<TD WIDTH=1 BGCOLOR=FF0000>
|
||||
<IMG SRC=../images/gray.gif WIDTH=1>
|
||||
</TD>
|
||||
<TD WIDTH=449 BGCOLOR=EEEE00>
|
||||
449 pixels wide
|
||||
</TD>
|
||||
</TR>
|
||||
<TR>
|
||||
<TD WIDTH=600 BGCOLOR=00FF00 COLSPAN=3>
|
||||
Bottom cell, 600 pixels wide
|
||||
<IMG SRC=../images/gray.gif WIDTH=600 HEIGHT=10>
|
||||
</TD>
|
||||
</TR>
|
||||
</TABLE>
|
||||
</BODY>
|
||||
</HTML>
|
|
@ -0,0 +1,35 @@
|
|||
<html>
|
||||
<head><title>Testcase for bug 5538 - distilled from www.fool.com</title></head>
|
||||
<body bgcolor='#ffffff'>
|
||||
<H3>Testcase for bug 5538 - distilled from <a href="http://www.fool.com">www.fool.com</a></H3>
|
||||
|
||||
<TABLE WIDTH="600" CELLPADDING="0" CELLSPACING="0" BORDER="0">
|
||||
<TR>
|
||||
<TD WIDTH="128" HEIGHT="89" BGCOLOR="#336699" VALIGN="bottom"><A HREF="HTTP://www.fool.com/index.htm"><img src="../images/logosummer.gif" WIDTH="128" HEIGHT="89" BORDER="0"></a></TD>
|
||||
<TD WIDTH="472" VALIGN="MIDDLE"></TD>
|
||||
</TR>
|
||||
</TABLE>
|
||||
|
||||
<TABLE WIDTH="600" CELLPADDING="0" CELLSPACING="0" BORDER="0">
|
||||
<TR>
|
||||
<TD HEIGHT="18" WIDTH="497"><IMG SRC="../images/topnavfeatures.gif" WIDTH=348 HEIGHT=18 BORDER=0><MAP></MAP><IMG SRC="../images/topnavregister2.gif" WIDTH=88 HEIGHT=18 BORDER=0><IMG SRC="../images/topnavlogin.gif" HEIGHT=18 WIDTH=55 BORDER=0></TD>
|
||||
</TR>
|
||||
</TABLE>
|
||||
|
||||
<P>When removing <A HREF="..."> surrounding logo image in first row and<br>
|
||||
removing <MAP> element in second row it looks OK to me:<BR><BR>
|
||||
|
||||
<TABLE WIDTH="600" CELLPADDING="0" CELLSPACING="0" BORDER="0">
|
||||
<TR>
|
||||
<TD WIDTH="128" HEIGHT="89" BGCOLOR="#336699" VALIGN="bottom"><img src="../images/logosummer.gif" WIDTH="128" HEIGHT="89" BORDER="0"></TD>
|
||||
<TD WIDTH="472" VALIGN="MIDDLE"></TD>
|
||||
</TR>
|
||||
</TABLE>
|
||||
|
||||
<TABLE WIDTH="600" CELLPADDING="0" CELLSPACING="0" BORDER="0">
|
||||
<TR>
|
||||
<TD HEIGHT="18" WIDTH="497"><IMG SRC="../images/topnavfeatures.gif" WIDTH=348 HEIGHT=18 BORDER=0><IMG SRC="../images/topnavregister2.gif" WIDTH=88 HEIGHT=18 BORDER=0><IMG SRC="../images/topnav/topnavlogin.gif" HEIGHT=18 WIDTH=55 BORDER=0></TD>
|
||||
</TR>
|
||||
</TABLE>
|
||||
|
||||
</body></html>
|
|
@ -0,0 +1,26 @@
|
|||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
|
||||
|
||||
<title>Overflow in Tables</Title>
|
||||
|
||||
<meta http-equiv="Content-Style-Type" content="text/css">
|
||||
|
||||
<style type="text/css">
|
||||
div { border: dotted lime; }
|
||||
</style>
|
||||
|
||||
<table border=1 width=1>
|
||||
<tr>
|
||||
<td>
|
||||
<div style="width:80px;">
|
||||
Truncated? It should not be!
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
<p>According to the rules of CSS, the text above should spill right out of the
|
||||
table, as it does in the table-less case below:</p>
|
||||
|
||||
<div style="width:80px;">
|
||||
Truncated? It should not be!
|
||||
</div>
|
|
@ -0,0 +1,93 @@
|
|||
<HTML>
|
||||
<body>
|
||||
<p>This table contains an <applet> that will not load -- you can see
|
||||
the space get allocated and then reflow. Notice that the final table is clipped
|
||||
on the right hand side -- try shrinking the window and notice how the clipping
|
||||
increases. (I couldn't really simplify this further without losing some of the
|
||||
original 'flavour'.)</p>
|
||||
<br>
|
||||
|
||||
<!-- Start of exterior table -->
|
||||
<TABLE WIDTH=90% BORDER=1>
|
||||
|
||||
<tr><TD>
|
||||
|
||||
<!-- Start of interior table -->
|
||||
<TABLE align=center WIDTH=100% BORDER=1>
|
||||
|
||||
<!-- First row of interior table -->
|
||||
<tr><td>
|
||||
<table border=2 align=center><tr><td>
|
||||
<applet code="nosuchTextScrollerApplet.class" width=440 height=27>
|
||||
<param foo="bar">
|
||||
</applet>
|
||||
</td></tr></table>
|
||||
<p>The Porto Elounda Mare is built on the sea front, on a 110,000 m2
|
||||
plot of land with a 150 meter long private sandy beach. The view from
|
||||
decorated with antique and contemporary furniture and rugs.</p>
|
||||
</td></tr>
|
||||
|
||||
<!-- Second row of interior table -->
|
||||
<tr><td>
|
||||
<table align="center" cellspacing=0 cellpadding=5 border=1>
|
||||
<tr>
|
||||
<td nowrap>99 Rates in Drahmas Per Person on H/B Basis</td>
|
||||
<td nowrap>27/03 - 30/04 <br>16/10 - 31/10 </td>
|
||||
<td nowrap>01/5- 21/5 & 2/10 - 15/10</td>
|
||||
<td nowrap>22/5 - 16/07<br>28/8 - 01/10</td>
|
||||
<td nowrap>17/07 - 27/8</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td></tr>
|
||||
|
||||
<!-- End of interior table -->
|
||||
</table>
|
||||
|
||||
<!-- End of exterior table -->
|
||||
</td></tr>
|
||||
</table>
|
||||
|
||||
<br>
|
||||
<p>This table repeats the previous table, but removes the 'bad applet'.
|
||||
Table lays out OK.</p>
|
||||
<br>
|
||||
|
||||
<!-- Start of exterior table -->
|
||||
<TABLE WIDTH=90% BORDER=1>
|
||||
|
||||
<tr><TD>
|
||||
|
||||
<!-- Start of interior table -->
|
||||
<TABLE align=center WIDTH=100% BORDER=1>
|
||||
|
||||
<!-- First row of interior table -->
|
||||
<tr><td>
|
||||
<table border=2 align=center><tr><td>
|
||||
applet was here
|
||||
</td></tr></table>
|
||||
<p>The Porto Elounda Mare is built on the sea front, on a 110,000 m2
|
||||
plot of land with a 150 meter long private sandy beach. The view from
|
||||
decorated with antique and contemporary furniture and rugs.</p>
|
||||
</td></tr>
|
||||
|
||||
<!-- Second row of interior table -->
|
||||
<tr><td>
|
||||
<table align="center" cellspacing=0 cellpadding=5 border=1>
|
||||
<tr>
|
||||
<td nowrap>99 Rates in Drahmas Per Person on H/B Basis</td>
|
||||
<td nowrap>27/03 - 30/04 <br>16/10 - 31/10 </td>
|
||||
<td nowrap>01/5- 21/5 & 2/10 - 15/10</td>
|
||||
<td nowrap>22/5 - 16/07<br>28/8 - 01/10</td>
|
||||
<td nowrap>17/07 - 27/8</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td></tr>
|
||||
|
||||
<!-- End of interior table -->
|
||||
</table>
|
||||
|
||||
<!-- End of exterior table -->
|
||||
</td></tr>
|
||||
</table>
|
||||
|
||||
</body></html>
|
|
@ -0,0 +1,7 @@
|
|||
<title>cell where width=1</title>
|
||||
<body bgcolor="#ffffff">
|
||||
|
||||
<table border=0 cellspacing=5 cellpadding=0 bgcolor="#ffffff">
|
||||
<tr> <td>Blah</td> <td width=1 bgcolor="#000000"><spacer type=block width=1></td> <td>Blah</td> </tr>
|
||||
</table>
|
||||
<br>
|
|
@ -0,0 +1,78 @@
|
|||
<html>
|
||||
|
||||
<body topmargin=0 leftmargin=0 marginwidth=0 marginheight=0>
|
||||
|
||||
|
||||
<p style='padding-left:20px;padding-right:20px'>
|
||||
Here's the structure of the problem table (which usually begins with
|
||||
'N E W S H E A D L I N E S'). <br>
|
||||
This table is width 100%; two rows; three columns;<br>
|
||||
The first row: widths 15, 125, 15 ... The second row: widths 15, 100%, 15
|
||||
</p>
|
||||
|
||||
<table border=1 width=100% cellpadding=0 cellspacing=0>
|
||||
|
||||
<tr>
|
||||
<td width=15 bgcolor="#666666"><img src="../images/15.gif" width=15 height=1></td>
|
||||
<td width=125><img src="images/left_menu_bottom2.gif" width=110 height=15></td>
|
||||
<td width=15 bgcolor="#666666"><img src="../images/15.gif" width=15 height=1></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td width=15 bgcolor="#666666"><img src="../images/15.gif" width=15 height=1></td>
|
||||
|
||||
<td width=100%>
|
||||
that
|
||||
</td>
|
||||
|
||||
<td width=15 bgcolor="#666666"><img src=".//images/15.gif" width=15 height=1></td>
|
||||
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
|
||||
<p style='padding-left:20px;padding-right:20px'>
|
||||
Here's the first row in a table on its own.
|
||||
This table is width 100%; one rows; three columns;
|
||||
This row: widths 15, 125, 15
|
||||
</p>
|
||||
|
||||
<table border=1 width=100% cellpadding=0 cellspacing=0>
|
||||
|
||||
<tr>
|
||||
<td width=15 bgcolor="#666666"><img src=".//images/15.gif" width=15 height=1></td>
|
||||
<td width=125><img src=".//images/left_menu_bottom2.gif" width=110 height=15></td>
|
||||
<td width=15 bgcolor="#666666"><img src=".//images/15.gif" width=15 height=1></td>
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
|
||||
<p style='padding-left:20px;padding-right:20px'>
|
||||
Here's the second row in a table on its own.
|
||||
This table is width 100%; one rows; three columns;
|
||||
This row: widths 15, 100%, 15
|
||||
</p>
|
||||
|
||||
<table border=1 width=100% cellpadding=0 cellspacing=0>
|
||||
|
||||
<tr>
|
||||
<td width=15 bgcolor="#666666"><img src="../images/15.gif" width=15 height=1></td>
|
||||
|
||||
<td width=100%>
|
||||
that
|
||||
</td>
|
||||
|
||||
<td width=15 bgcolor="#666666"><img src="../images/15.gif" width=15 height=1></td>
|
||||
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
|
||||
<p style='padding-left:20px;padding-right:20px'>
|
||||
Note that in Nav4.x, the middle column gets the width of the maximum width cell in the column;
|
||||
on 5.0, the middle column gets the opposite treatment.
|
||||
</p>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,56 @@
|
|||
<html>
|
||||
|
||||
<body topmargin=0 leftmargin=0 marginwidth=0 marginheight=0>
|
||||
|
||||
|
||||
<p style='padding-left:20px;padding-right:20px'>
|
||||
Here's the same two row table, but the second instance reverses the order of
|
||||
the rows: note that it is the first row that defines the width (which would
|
||||
be right if this were table-layout: fixed ;-)
|
||||
</p>
|
||||
|
||||
<table border=1 width=100% cellpadding=0 cellspacing=0>
|
||||
|
||||
|
||||
<tr>
|
||||
<td width=15 bgcolor="#666666"><img src="../images/15.gif" width=15 height=1></td>
|
||||
<td width=125><img src="../images/left_menu_bottom2.gif" width=110 height=15></td>
|
||||
<td width=15 bgcolor="#666666"><img src="../images/15.gif" width=15 height=1></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td width=15 bgcolor="#666666"><img src="../images/15.gif" width=15 height=1></td>
|
||||
|
||||
<td width=100%>
|
||||
that
|
||||
</td>
|
||||
|
||||
<td width=15 bgcolor="#666666"><img src="../images/15.gif" width=15 height=1></td>
|
||||
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
<br>
|
||||
<table border=1 width=100% cellpadding=0 cellspacing=0>
|
||||
|
||||
<tr>
|
||||
<td width=15 bgcolor="#666666"><img src="../images/15.gif" width=15 height=1></td>
|
||||
|
||||
<td width=100%>
|
||||
that
|
||||
</td>
|
||||
|
||||
<td width=15 bgcolor="#666666"><img src="../images/15.gif" width=15 height=1></td>
|
||||
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td width=15 bgcolor="#666666"><img src="../images/15.gif" width=15 height=1></td>
|
||||
<td width=125><img src="../images/left_menu_bottom2.gif" width=110 height=15></td>
|
||||
<td width=15 bgcolor="#666666"><img src="../images/15.gif" width=15 height=1></td>
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
|
@ -7,12 +7,14 @@ file:///s:/mozilla/layout/html/tests/table/bugs/bug1055-1.html
|
|||
file:///s:/mozilla/layout/html/tests/table/bugs/bug1055-2.html
|
||||
file:///s:/mozilla/layout/html/tests/table/bugs/bug10036.html
|
||||
file:///s:/mozilla/layout/html/tests/table/bugs/bug10039.html
|
||||
file:///s:/mozilla/layout/html/tests/table/bugs/bug10565.html
|
||||
# file:///s:/mozilla/layout/html/tests/table/bugs/bug10633.html
|
||||
file:///s:/mozilla/layout/html/tests/table/bugs/bug1067-1.html
|
||||
file:///s:/mozilla/layout/html/tests/table/bugs/bug1067-2.html
|
||||
file:///s:/mozilla/layout/html/tests/table/bugs/bug11026.html
|
||||
file:///s:/mozilla/layout/html/tests/table/bugs/bug1128.html
|
||||
file:///s:/mozilla/layout/html/tests/table/bugs/bug11321.html
|
||||
file:///s:/mozilla/layout/html/tests/table/bugs/bug11331.html
|
||||
file:///s:/mozilla/layout/html/tests/table/bugs/bug1163-1.html
|
||||
file:///s:/mozilla/layout/html/tests/table/bugs/bug1164.html
|
||||
file:///s:/mozilla/layout/html/tests/table/bugs/bug1188.html
|
||||
|
@ -111,8 +113,11 @@ file:///s:/mozilla/layout/html/tests/table/bugs/bug4523.html
|
|||
# file:///s:/mozilla/layout/html/tests/table/bugs/bug4576.html
|
||||
file:///s:/mozilla/layout/html/tests/table/bugs/bug4739.html
|
||||
file:///s:/mozilla/layout/html/tests/table/bugs/bug4803.html
|
||||
file:///s:/mozilla/layout/html/tests/table/bugs/bug4849.html
|
||||
file:///s:/mozilla/layout/html/tests/table/bugs/bug4849-2.html
|
||||
# file:///s:/mozilla/layout/html/tests/table/bugs/bug5188.html
|
||||
# file:///s:/mozilla/layout/html/tests/table/bugs/bug5797.html
|
||||
file:///s:/mozilla/layout/html/tests/table/bugs/bug5538.html
|
||||
file:///s:/mozilla/layout/html/tests/table/bugs/bug5798.html
|
||||
file:///s:/mozilla/layout/html/tests/table/bugs/bug5799.html
|
||||
# file:///s:/mozilla/layout/html/tests/table/bugs/bug5835.html
|
||||
|
@ -124,6 +129,7 @@ file:///s:/mozilla/layout/html/tests/table/bugs/bug641-2.html
|
|||
file:///s:/mozilla/layout/html/tests/table/bugs/bug6404.html
|
||||
file:///s:/mozilla/layout/html/tests/table/bugs/bug647.html
|
||||
file:///s:/mozilla/layout/html/tests/table/bugs/bug650.html
|
||||
file:///s:/mozilla/layout/html/tests/table/bugs/bug6674.html
|
||||
# file:///s:/mozilla/layout/html/tests/table/bugs/bug6933.html
|
||||
# file:///s:/mozilla/layout/html/tests/table/bugs/bug709.html
|
||||
file:///s:/mozilla/layout/html/tests/table/bugs/bug7121-1.html
|
||||
|
@ -136,8 +142,12 @@ file:///s:/mozilla/layout/html/tests/table/bugs/bug8032-1.html
|
|||
file:///s:/mozilla/layout/html/tests/table/bugs/bug8032-2.html
|
||||
file:///s:/mozilla/layout/html/tests/table/bugs/bug8361.html
|
||||
file:///s:/mozilla/layout/html/tests/table/bugs/bug8381.html
|
||||
file:///s:/mozilla/layout/html/tests/table/bugs/bug8499.html
|
||||
file:///s:/mozilla/layout/html/tests/table/bugs/bug8950.html
|
||||
file:///s:/mozilla/layout/html/tests/table/bugs/bug9024.html
|
||||
file:///s:/mozilla/layout/html/tests/table/bugs/bug9072.html
|
||||
file:///s:/mozilla/layout/html/tests/table/bugs/bug9123-1.html
|
||||
file:///s:/mozilla/layout/html/tests/table/bugs/bug9123-2.html
|
||||
file:///s:/mozilla/layout/html/tests/table/bugs/bug963.html
|
||||
file:///s:/mozilla/layout/html/tests/table/bugs/bug965.html
|
||||
file:///s:/mozilla/layout/html/tests/table/bugs/bug16252.html
|
||||
|
|
После Ширина: | Высота: | Размер: 50 B |
После Ширина: | Высота: | Размер: 77 B |
После Ширина: | Высота: | Размер: 240 B |
После Ширина: | Высота: | Размер: 4.8 KiB |
После Ширина: | Высота: | Размер: 851 B |
После Ширина: | Высота: | Размер: 197 B |
После Ширина: | Высота: | Размер: 1010 B |
После Ширина: | Высота: | Размер: 195 B |
После Ширина: | Высота: | Размер: 85 B |