зеркало из https://github.com/mozilla/gecko-dev.git
fixed images referenced in regression tests
This commit is contained in:
karnaze%netscape.com
Родитель
495c520804
Коммит
becd625326
|
|
@ -2,7 +2,7 @@
|
|||
<HEAD>
|
||||
<TITLE>Sony Computer Entertainment America Inc.</TITLE>
|
||||
</HEAD>
|
||||
<body bgcolor = "#FFFFFF" background="ruler.gif" LINK="#0000FF" ALINK="#FF3300"
|
||||
<body bgcolor = "#FFFFFF" background="../images/ruler.gif" LINK="#0000FF" ALINK="#FF3300"
|
||||
VLINK="#FF0000">
|
||||
|
||||
<TABLE CELLSPACING=0 CELLPADDING=10 BORDER=0 WIDTH=0>
|
||||
|
|
|
|||
|
|
@ -37,7 +37,7 @@ the spot --></TD><TD ALIGN=CENTER WIDTH=230>
|
|||
HREF="/event.ng/Type=click&RunID=6029&ProfileID=857&AdID=5212&GroupID=335&Family
|
||||
ID=1&TagValues=888.895.909&Redirect=http:%2F%2Fwww.consumerinfo.com%2Fn-cgi%2Fin
|
||||
dex.pl%3F00620001"><!-- MID-T11 --><IMG
|
||||
SRC="/inserts/images/coninf_250ihn_eyes_ad.gif" ALT="[Click Here]" WIDTH=230
|
||||
SRC="../images/raptor.jpg" ALT="[Click Here]" WIDTH=230
|
||||
HEIGHT=33 BORDER=1><BR><FONT SIZE=1>Click Here!</FONT></A><!-- END-T11 --><BR>
|
||||
</TD><TD ALIGN=CENTER WIDTH=135><A
|
||||
HREF="/download/su1.html?cp=hom10prt2"><FONT SIZE=2 FACE=Arial
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
<html>
|
||||
|
||||
<body background="/channelF/images/bg_fifaglobe.gif" bgcolor="#FFFFFF"
|
||||
<body bgcolor="#FFFFFF"
|
||||
topmargin="0" leftmargin="0" marginwidth="0" marginheight="0">
|
||||
<img src="../images/raptor.jpg" width="100" height="100" border="1">
|
||||
|
||||
|
|
|
|||
|
|
@ -11,7 +11,7 @@
|
|||
<html:button cmd="nsCmd:BrowserBack"
|
||||
style="background-color:rgb(192,192,192);">
|
||||
<html:img
|
||||
src="resource:/res/toolbar/TB_Back.gif"/><html:BR/>Back
|
||||
src="../images/raptor.jpg"/><html:BR/>Back
|
||||
</html:button>
|
||||
</html:span>
|
||||
<html:span style="display: table-cell">
|
||||
|
|
|
|||
Двоичный файл не отображается.
|
После Ширина: | Высота: | Размер: 9.2 KiB |
Двоичный файл не отображается.
|
После Ширина: | Высота: | Размер: 23 KiB |
Двоичный файл не отображается.
|
После Ширина: | Высота: | Размер: 498 B |
|
|
@ -51,9 +51,7 @@ file://s:/mozilla/layout/html/tests/table/marvin/tables_cellspacing_pct.html
|
|||
file://s:/mozilla/layout/html/tests/table/marvin/tables_class.html
|
||||
file://s:/mozilla/layout/html/tests/table/marvin/tables_default.html
|
||||
file://s:/mozilla/layout/html/tests/table/marvin/tables_id.html
|
||||
file://s:/mozilla/layout/html/tests/table/marvin/tables_onblclick.html
|
||||
file://s:/mozilla/layout/html/tests/table/marvin/tables_onclick.html
|
||||
file://s:/mozilla/layout/html/tests/table/marvin/tables_ondblclick.html
|
||||
file://s:/mozilla/layout/html/tests/table/marvin/tables_onkeydown.html
|
||||
file://s:/mozilla/layout/html/tests/table/marvin/tables_onkeypress.html
|
||||
file://s:/mozilla/layout/html/tests/table/marvin/tables_onkeyup.html
|
||||
|
|
|
|||
|
|
@ -1,42 +1,83 @@
|
|||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
|
||||
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<!-- testcase: tbody_valign_baseline.html -->
|
||||
|
||||
<!-- description: TBODY element, VALIGN attribute, BASELINE value -->
|
||||
|
||||
<!-- Author: Christine Dreckman Date: 1/29/99 -->
|
||||
|
||||
<!-- Modified: Christine Dreckman Date: 3/18/99 -->
|
||||
|
||||
<!-- CONFIDENTIAL AND PROPRIETARY TEST SCRIPT OF NETSCAPE COMMUNICATIONS CORPORATION
|
||||
|
||||
Copyright © 1999 Netscape Communications Corporation. All Rights Reserved. Use of this Test Script is
|
||||
|
||||
subject to the terms of the applicable license agreement from Netscape Communications Corporation. -->
|
||||
|
||||
<!-- Purpose: To test the TBODY element with the VALIGN attribute, assigning a value of 'baseline' -->
|
||||
|
||||
<!-- Expected result: The text in the TBODY section should be vertically baseline aligned -->
|
||||
|
||||
<title>tbody_align_baseline</title>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
TBODY VALIGN=BASELINE
|
||||
|
||||
<table border>
|
||||
|
||||
|
||||
|
||||
<thead>
|
||||
|
||||
<tr>
|
||||
|
||||
<td>THEAD</td>
|
||||
|
||||
<td>THEAD</td>
|
||||
|
||||
</tr>
|
||||
|
||||
</thead>
|
||||
|
||||
|
||||
|
||||
<tfoot>
|
||||
|
||||
<tr>
|
||||
|
||||
<td>TFOOT</td>
|
||||
|
||||
<td>TFOOT</td>
|
||||
|
||||
</tr>
|
||||
|
||||
</tfoot>
|
||||
|
||||
|
||||
|
||||
<tbody valign=baseline>
|
||||
|
||||
<tr>
|
||||
<td><img SRC="images/calanque.jpg" alt=image height=185 width=300></td>
|
||||
|
||||
<td><img SRC="../images/raptor.jpg" alt=image height=185 width=300></td>
|
||||
|
||||
<td>This text is within the TBODY element and should be vertically aligned to the baseline</td>
|
||||
|
||||
</tr>
|
||||
|
||||
|
||||
|
||||
<tbody>
|
||||
|
||||
</table>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
|
@ -1,42 +1,83 @@
|
|||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
|
||||
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<!-- testcase: tbody_valign_bottom.html -->
|
||||
|
||||
<!-- description: TBODY element, VALIGN attribute, BOTTOM value -->
|
||||
|
||||
<!-- Author: Christine Dreckman Date: 1/29/99 -->
|
||||
|
||||
<!-- Modified: Christine Dreckman Date: 3/18/99 -->
|
||||
|
||||
<!-- CONFIDENTIAL AND PROPRIETARY TEST SCRIPT OF NETSCAPE COMMUNICATIONS CORPORATION
|
||||
|
||||
Copyright © 1999 Netscape Communications Corporation. All Rights Reserved. Use of this Test Script is
|
||||
|
||||
subject to the terms of the applicable license agreement from Netscape Communications Corporation. -->
|
||||
|
||||
<!-- Purpose: To test the TBODY element with the VALIGN attribute, assigning a value of 'bottom' -->
|
||||
|
||||
<!-- Expected result: The text in the TBODY section should be vertically bottom aligned -->
|
||||
|
||||
<title>tbody_align_bottom</title>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
TBODY VALIGN=BOTTOM
|
||||
|
||||
<table border>
|
||||
|
||||
|
||||
|
||||
<thead>
|
||||
|
||||
<tr>
|
||||
|
||||
<td>THEAD</td>
|
||||
|
||||
<td>THEAD</td>
|
||||
|
||||
</tr>
|
||||
|
||||
</thead>
|
||||
|
||||
|
||||
|
||||
<tfoot>
|
||||
|
||||
<tr>
|
||||
|
||||
<td>TFOOT</td>
|
||||
|
||||
<td>TFOOT</td>
|
||||
|
||||
</tr>
|
||||
|
||||
</tfoot>
|
||||
|
||||
|
||||
|
||||
<tbody valign=bottom>
|
||||
|
||||
<tr>
|
||||
<td><img SRC="images/calanque.jpg" alt=image height=185 width=300></td>
|
||||
|
||||
<td><img SRC="../images/raptor.jpg" alt=image height=185 width=300></td>
|
||||
|
||||
<td>This text is within the TBODY element and should be vertically aligned to the bottom</td>
|
||||
|
||||
</tr>
|
||||
|
||||
|
||||
|
||||
<tbody>
|
||||
|
||||
</table>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
|
@ -1,42 +1,83 @@
|
|||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
|
||||
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<!-- testcase: tbody_valign_middle.html -->
|
||||
|
||||
<!-- description: TBODY element, VALIGN attribute, MIDDLE value -->
|
||||
|
||||
<!-- Author: Christine Dreckman Date: 1/29/99 -->
|
||||
|
||||
<!-- Modified: Christine Dreckman Date: 3/18/99 -->
|
||||
|
||||
<!-- CONFIDENTIAL AND PROPRIETARY TEST SCRIPT OF NETSCAPE COMMUNICATIONS CORPORATION
|
||||
|
||||
Copyright © 1999 Netscape Communications Corporation. All Rights Reserved. Use of this Test Script is
|
||||
|
||||
subject to the terms of the applicable license agreement from Netscape Communications Corporation. -->
|
||||
|
||||
<!-- Purpose: To test the TBODY element with the VALIGN attribute, assigning a value of 'middle' -->
|
||||
|
||||
<!-- Expected result: The text in the TBODY section should be vertically middle aligned -->
|
||||
|
||||
<title>tbody_align_middle</title>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
TBODY VALIGN=MIDDLE
|
||||
|
||||
<table border>
|
||||
|
||||
|
||||
|
||||
<thead>
|
||||
|
||||
<tr>
|
||||
|
||||
<td>THEAD</td>
|
||||
|
||||
<td>THEAD</td>
|
||||
|
||||
</tr>
|
||||
|
||||
</thead>
|
||||
|
||||
|
||||
|
||||
<tfoot>
|
||||
|
||||
<tr>
|
||||
|
||||
<td>TFOOT</td>
|
||||
|
||||
<td>TFOOT</td>
|
||||
|
||||
</tr>
|
||||
|
||||
</tfoot>
|
||||
|
||||
|
||||
|
||||
<tbody valign=middle>
|
||||
|
||||
<tr>
|
||||
<td><img SRC="images/calanque.jpg" alt=image height=185 width=300></td>
|
||||
|
||||
<td><img SRC="../images/raptor.jpg" alt=image height=185 width=300></td>
|
||||
|
||||
<td>This text is within the TBODY element and should be vertically aligned to the middle</td>
|
||||
|
||||
</tr>
|
||||
|
||||
|
||||
|
||||
<tbody>
|
||||
|
||||
</table>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
|
@ -1,42 +1,83 @@
|
|||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
|
||||
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<!-- testcase: tbody_valign_top.html -->
|
||||
|
||||
<!-- description: TBODY element, VALIGN attribute, TOP value -->
|
||||
|
||||
<!-- Author: Christine Dreckman Date: 1/29/99 -->
|
||||
|
||||
<!-- Modified: Christine Dreckman Date: 3/18/99 -->
|
||||
|
||||
<!-- CONFIDENTIAL AND PROPRIETARY TEST SCRIPT OF NETSCAPE COMMUNICATIONS CORPORATION
|
||||
|
||||
Copyright © 1999 Netscape Communications Corporation. All Rights Reserved. Use of this Test Script is
|
||||
|
||||
subject to the terms of the applicable license agreement from Netscape Communications Corporation. -->
|
||||
|
||||
<!-- Purpose: To test the TBODY element with the VALIGN attribute, assigning a value of 'top' -->
|
||||
|
||||
<!-- Expected result: The text in the TBODY section should be vertically top aligned -->
|
||||
|
||||
<title>tbody_align_top</title>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
TBODY VALIGN=TOP
|
||||
|
||||
<table border>
|
||||
|
||||
|
||||
|
||||
<thead>
|
||||
|
||||
<tr>
|
||||
|
||||
<td>THEAD</td>
|
||||
|
||||
<td>THEAD</td>
|
||||
|
||||
</tr>
|
||||
|
||||
</thead>
|
||||
|
||||
|
||||
|
||||
<tfoot>
|
||||
|
||||
<tr>
|
||||
|
||||
<td>TFOOT</td>
|
||||
|
||||
<td>TFOOT</td>
|
||||
|
||||
</tr>
|
||||
|
||||
</tfoot>
|
||||
|
||||
|
||||
|
||||
<tbody valign=top>
|
||||
|
||||
<tr>
|
||||
<td><img SRC="images/calanque.jpg" alt=image height=185 width=300></td>
|
||||
|
||||
<td><img SRC="../images/raptor.jpg" alt=image height=185 width=300></td>
|
||||
|
||||
<td>This text is within the TBODY element and should be vertically aligned to the top</td>
|
||||
|
||||
</tr>
|
||||
|
||||
|
||||
|
||||
<tbody>
|
||||
|
||||
</table>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
|
@ -1,26 +1,49 @@
|
|||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
|
||||
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<!-- testcase: td_valign_baseline.html -->
|
||||
|
||||
<!-- description: TD element, VALIGN attribute, BASELINE value -->
|
||||
|
||||
<!-- Author: Chris Petersen Date: 8/7/98 -->
|
||||
|
||||
<!-- Modified: Christine Dreckman: 3/18/99 -->
|
||||
|
||||
<!-- CONFIDENTIAL AND PROPRIETARY TEST SCRIPT OF NETSCAPE COMMUNICATIONS CORPORATION
|
||||
|
||||
Copyright © 1998 Netscape Communications Corporation. All Rights Reserved. Use of this Test Script is subject to the terms of the applicable license agreement from Netscape Communications Corporation -->
|
||||
|
||||
<!-- Purpose: To test the TD element with the VALIGN attribute, assigning a value of 'baseline'-->
|
||||
|
||||
<!-- Expected result: There is one row and 3 columns. The cell in the first column contains an image. The text in the second and third column cells should be vertically aligned to the baseline -->
|
||||
|
||||
<title>td_align_baseline</title>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
TD VALIGN=BASELINE
|
||||
|
||||
<table border=1>
|
||||
|
||||
<tr>
|
||||
<td><img SRC="images/calanque.jpg" alt=image height=185 width=300></td>
|
||||
|
||||
<td><img SRC="../images/raptor.jpg" alt=image height=185 width=300></td>
|
||||
|
||||
<td valign=baseline>This text should be vertically aligned to the baseline</td>
|
||||
|
||||
<td valign=baseline>This text should be vertically aligned to the baseline</td>
|
||||
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
||||
|
||||
|
|
@ -30,6 +53,18 @@ TD VALIGN=BASELINE
|
|||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -1,26 +1,49 @@
|
|||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
|
||||
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<!-- testcase: td_valign_bottom.html -->
|
||||
|
||||
<!-- description: TD element, VALIGN attribute, BOTTOM value -->
|
||||
|
||||
<!-- Author: Chris Petersen Date: 8/7/98 -->
|
||||
|
||||
<!-- Modified: Christine Dreckman: 3/18/99 -->
|
||||
|
||||
<!-- CONFIDENTIAL AND PROPRIETARY TEST SCRIPT OF NETSCAPE COMMUNICATIONS CORPORATION
|
||||
|
||||
Copyright © 1998 Netscape Communications Corporation. All Rights Reserved. Use of this Test Script is subject to the terms of the applicable license agreement from Netscape Communications Corporation -->
|
||||
|
||||
<!-- Purpose: To test the TD element with the VALIGN attribute, assigning a value of 'bottom'-->
|
||||
|
||||
<!-- Expected result: There is one row and 3 columns. The cell in the first column contains an image. The text in the second and third column cells should be vertically aligned to the bottom -->
|
||||
|
||||
<title>td_align_bottom</title>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
TD VALIGN=BOTTOM
|
||||
|
||||
<table border=1>
|
||||
|
||||
<tr>
|
||||
<td><img SRC="images/calanque.jpg" alt=image height=185 width=300></td>
|
||||
|
||||
<td><img SRC="../images/raptor.jpg" alt=image height=185 width=300></td>
|
||||
|
||||
<td valign=bottom>This text should be vertically aligned to the bottom</td>
|
||||
|
||||
<td valign=bottom>This text should be vertically aligned to the bottom</td>
|
||||
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
||||
|
||||
|
|
@ -30,6 +53,18 @@ TD VALIGN=BOTTOM
|
|||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -1,26 +1,49 @@
|
|||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
|
||||
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<!-- testcase: td_valign_middle.html -->
|
||||
|
||||
<!-- description: TD element, VALIGN attribute, MIDDLE value -->
|
||||
|
||||
<!-- Author: Chris Petersen Date: 8/7/98 -->
|
||||
|
||||
<!-- Modified: Christine Dreckman: 3/18/99 -->
|
||||
|
||||
<!-- CONFIDENTIAL AND PROPRIETARY TEST SCRIPT OF NETSCAPE COMMUNICATIONS CORPORATION
|
||||
|
||||
Copyright © 1998 Netscape Communications Corporation. All Rights Reserved. Use of this Test Script is subject to the terms of the applicable license agreement from Netscape Communications Corporation -->
|
||||
|
||||
<!-- Purpose: To test the TD element with the VALIGN attribute, assigning a value of 'middle'-->
|
||||
|
||||
<!-- Expected result: There is one row and 3 columns. The cell in the first column contains an image. The text in the second and third column cells should be vertically aligned to the middle -->
|
||||
|
||||
<title>td_align_middle</title>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
TD VALIGN=MIDDLE
|
||||
|
||||
<table border=1>
|
||||
|
||||
<tr>
|
||||
<td><img SRC="images/calanque.jpg" alt=image height=185 width=300></td>
|
||||
|
||||
<td><img SRC="../images/raptor.jpg" alt=image height=185 width=300></td>
|
||||
|
||||
<td valign=middle>This text should be vertically aligned to the middle</td>
|
||||
|
||||
<td valign=middle>This text should be vertically aligned to the middle</td>
|
||||
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
||||
|
||||
|
|
@ -30,6 +53,18 @@ TD VALIGN=MIDDLE
|
|||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -1,26 +1,49 @@
|
|||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
|
||||
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<!-- testcase: td_valign_top.html -->
|
||||
|
||||
<!-- description: TD element, VALIGN attribute, TOP value -->
|
||||
|
||||
<!-- Author: Chris Petersen Date: 8/7/98 -->
|
||||
|
||||
<!-- Modified: Christine Dreckman: 3/18/99 -->
|
||||
|
||||
<!-- CONFIDENTIAL AND PROPRIETARY TEST SCRIPT OF NETSCAPE COMMUNICATIONS CORPORATION
|
||||
|
||||
Copyright © 1998 Netscape Communications Corporation. All Rights Reserved. Use of this Test Script is subject to the terms of the applicable license agreement from Netscape Communications Corporation -->
|
||||
|
||||
<!-- Purpose: To test the TD element with the VALIGN attribute, assigning a value of 'top'-->
|
||||
|
||||
<!-- Expected result: There is one row and 3 columns. The cell in the first column contains an image. The text in the second and third column cells should be vertically aligned to the top -->
|
||||
|
||||
<title>td_align_top</title>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
TD VALIGN=TOP
|
||||
|
||||
<table border=1>
|
||||
|
||||
<tr>
|
||||
<td><img SRC="images/calanque.jpg" alt=image height=185 width=300></td>
|
||||
|
||||
<td><img SRC="../images/raptor.jpg" alt=image height=185 width=300></td>
|
||||
|
||||
<td valign=top>This text should be vertically aligned to the top</td>
|
||||
|
||||
<td valign=top>This text should be vertically aligned to the top</td>
|
||||
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
||||
|
||||
|
|
@ -30,6 +53,18 @@ TD VALIGN=TOP
|
|||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -1,42 +1,83 @@
|
|||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
|
||||
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<!-- testcase: tfoot_valign_baseline.html -->
|
||||
|
||||
<!-- description: TFOOT element, VALIGN attribute, BASELINE value -->
|
||||
|
||||
<!-- Author: Christine Dreckman Date: 1/29/99 -->
|
||||
|
||||
<!-- Modified: Christine Dreckman Date: 3/18/99 -->
|
||||
|
||||
<!-- CONFIDENTIAL AND PROPRIETARY TEST SCRIPT OF NETSCAPE COMMUNICATIONS CORPORATION
|
||||
|
||||
Copyright © 1999 Netscape Communications Corporation. All Rights Reserved. Use of this Test Script is
|
||||
|
||||
subject to the terms of the applicable license agreement from Netscape Communications Corporation. -->
|
||||
|
||||
<!-- Purpose: To test the TFOOT element with the VALIGN attribute, assigning a value of 'baseline' -->
|
||||
|
||||
<!-- Expected result: The text in the TFOOT section should be vertically baseline aligned -->
|
||||
|
||||
<title>tfoot_align_baseline</title>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
TFOOT VALIGN=BASELINE
|
||||
|
||||
<table border>
|
||||
|
||||
|
||||
|
||||
<thead>
|
||||
|
||||
<tr>
|
||||
|
||||
<td>THEAD</td>
|
||||
|
||||
<td>THEAD</td>
|
||||
|
||||
</tr>
|
||||
|
||||
</thead>
|
||||
|
||||
|
||||
|
||||
<tfoot valign=baseline>
|
||||
|
||||
<tr>
|
||||
<td><img SRC="images/calanque.jpg" alt=image height=185 width=300></td>
|
||||
|
||||
<td><img SRC="../images/raptor.jpg" alt=image height=185 width=300></td>
|
||||
|
||||
<td>This text is within the TFOOT element and should be vertically aligned to the baseline</td>
|
||||
|
||||
</tr>
|
||||
|
||||
</tfoot>
|
||||
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>TBODY</td>
|
||||
<td>TBODY</td>
|
||||
</tr>
|
||||
|
||||
|
||||
<tbody>
|
||||
|
||||
<tr>
|
||||
|
||||
<td>TBODY</td>
|
||||
|
||||
<td>TBODY</td>
|
||||
|
||||
</tr>
|
||||
|
||||
|
||||
|
||||
<tbody>
|
||||
|
||||
</table>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
|
@ -1,42 +1,83 @@
|
|||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
|
||||
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<!-- testcase: tfoot_valign_bottom.html -->
|
||||
|
||||
<!-- description: TFOOT element, VALIGN attribute, BOTTOM value -->
|
||||
|
||||
<!-- Author: Christine Dreckman Date: 1/29/99 -->
|
||||
|
||||
<!-- Modified: Christine Dreckman Date: 3/18/99 -->
|
||||
|
||||
<!-- CONFIDENTIAL AND PROPRIETARY TEST SCRIPT OF NETSCAPE COMMUNICATIONS CORPORATION
|
||||
|
||||
Copyright © 1999 Netscape Communications Corporation. All Rights Reserved. Use of this Test Script is
|
||||
|
||||
subject to the terms of the applicable license agreement from Netscape Communications Corporation. -->
|
||||
|
||||
<!-- Purpose: To test the TFOOT element with the VALIGN attribute, assigning a value of 'bottom' -->
|
||||
|
||||
<!-- Expected result: The text in the TFOOT section should be vertically bottom aligned -->
|
||||
|
||||
<title>tfoot_align_bottom</title>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
TFOOT VALIGN=BOTTOM
|
||||
|
||||
<table border>
|
||||
|
||||
|
||||
|
||||
<thead>
|
||||
|
||||
<tr>
|
||||
|
||||
<td>THEAD</td>
|
||||
|
||||
<td>THEAD</td>
|
||||
|
||||
</tr>
|
||||
|
||||
</thead>
|
||||
|
||||
|
||||
|
||||
<tfoot valign=bottom>
|
||||
|
||||
<tr>
|
||||
<td><img SRC="images/calanque.jpg" alt=image height=185 width=300></td>
|
||||
|
||||
<td><img SRC="../images/raptor.jpg" alt=image height=185 width=300></td>
|
||||
|
||||
<td>This text is within the TFOOT element and should be vertically aligned to the bottom</td>
|
||||
|
||||
</tr>
|
||||
|
||||
</tfoot>
|
||||
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>TBODY</td>
|
||||
<td>TBODY</td>
|
||||
</tr>
|
||||
|
||||
|
||||
<tbody>
|
||||
|
||||
<tr>
|
||||
|
||||
<td>TBODY</td>
|
||||
|
||||
<td>TBODY</td>
|
||||
|
||||
</tr>
|
||||
|
||||
|
||||
|
||||
<tbody>
|
||||
|
||||
</table>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
|
@ -1,42 +1,83 @@
|
|||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
|
||||
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<!-- testcase: tfoot_valign_middle.html -->
|
||||
|
||||
<!-- description: TFOOT element, VALIGN attribute, MIDDLE value -->
|
||||
|
||||
<!-- Author: Christine Dreckman Date: 1/29/99 -->
|
||||
|
||||
<!-- Modified: Christine Dreckman Date: 3/18/99 -->
|
||||
|
||||
<!-- CONFIDENTIAL AND PROPRIETARY TEST SCRIPT OF NETSCAPE COMMUNICATIONS CORPORATION
|
||||
|
||||
Copyright © 1999 Netscape Communications Corporation. All Rights Reserved. Use of this Test Script is
|
||||
|
||||
subject to the terms of the applicable license agreement from Netscape Communications Corporation. -->
|
||||
|
||||
<!-- Purpose: To test the TFOOT element with the VALIGN attribute, assigning a value of 'middle' -->
|
||||
|
||||
<!-- Expected result: The text in the TFOOT section should be vertically middle aligned -->
|
||||
|
||||
<title>tfoot_align_middle</title>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
TFOOT VALIGN=MIDDLE
|
||||
|
||||
<table border>
|
||||
|
||||
|
||||
|
||||
<thead>
|
||||
|
||||
<tr>
|
||||
|
||||
<td>THEAD</td>
|
||||
|
||||
<td>THEAD</td>
|
||||
|
||||
</tr>
|
||||
|
||||
</thead>
|
||||
|
||||
|
||||
|
||||
<tfoot valign=middle>
|
||||
|
||||
<tr>
|
||||
<td><img SRC="images/calanque.jpg" alt=image height=185 width=300></td>
|
||||
|
||||
<td><img SRC="../images/raptor.jpg" alt=image height=185 width=300></td>
|
||||
|
||||
<td>This text is within the TFOOT element and should be vertically aligned to the middle</td>
|
||||
|
||||
</tr>
|
||||
|
||||
</tfoot>
|
||||
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>TBODY</td>
|
||||
<td>TBODY</td>
|
||||
</tr>
|
||||
|
||||
|
||||
<tbody>
|
||||
|
||||
<tr>
|
||||
|
||||
<td>TBODY</td>
|
||||
|
||||
<td>TBODY</td>
|
||||
|
||||
</tr>
|
||||
|
||||
|
||||
|
||||
<tbody>
|
||||
|
||||
</table>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
|
@ -1,42 +1,83 @@
|
|||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
|
||||
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<!-- testcase: tfoot_valign_top.html -->
|
||||
|
||||
<!-- description: TFOOT element, VALIGN attribute, TOP value -->
|
||||
|
||||
<!-- Author: Christine Dreckman Date: 1/29/99 -->
|
||||
|
||||
<!-- Modified: Christine Dreckman Date: 3/18/99 -->
|
||||
|
||||
<!-- CONFIDENTIAL AND PROPRIETARY TEST SCRIPT OF NETSCAPE COMMUNICATIONS CORPORATION
|
||||
|
||||
Copyright © 1999 Netscape Communications Corporation. All Rights Reserved. Use of this Test Script is
|
||||
|
||||
subject to the terms of the applicable license agreement from Netscape Communications Corporation. -->
|
||||
|
||||
<!-- Purpose: To test the TFOOT element with the VALIGN attribute, assigning a value of 'top' -->
|
||||
|
||||
<!-- Expected result: The text in the TFOOT section should be vertically top aligned -->
|
||||
|
||||
<title>tfoot_align_top</title>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
TFOOT VALIGN=TOP
|
||||
|
||||
<table border>
|
||||
|
||||
|
||||
|
||||
<thead>
|
||||
|
||||
<tr>
|
||||
|
||||
<td>THEAD</td>
|
||||
|
||||
<td>THEAD</td>
|
||||
|
||||
</tr>
|
||||
|
||||
</thead>
|
||||
|
||||
|
||||
|
||||
<tfoot valign=top>
|
||||
|
||||
<tr>
|
||||
<td><img SRC="images/calanque.jpg" alt=image height=185 width=300></td>
|
||||
|
||||
<td><img SRC="../images/raptor.jpg" alt=image height=185 width=300></td>
|
||||
|
||||
<td>This text is within the TFOOT element and should be vertically aligned to the top</td>
|
||||
|
||||
</tr>
|
||||
|
||||
</tfoot>
|
||||
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>TBODY</td>
|
||||
<td>TBODY</td>
|
||||
</tr>
|
||||
|
||||
|
||||
<tbody>
|
||||
|
||||
<tr>
|
||||
|
||||
<td>TBODY</td>
|
||||
|
||||
<td>TBODY</td>
|
||||
|
||||
</tr>
|
||||
|
||||
|
||||
|
||||
<tbody>
|
||||
|
||||
</table>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
|
@ -1,26 +1,49 @@
|
|||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
|
||||
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<!-- testcase: th_valign_baseline.html -->
|
||||
|
||||
<!-- description: TH element, VALIGN attribute, BASELINE value -->
|
||||
|
||||
<!-- Author: Chris Petersen Date: 8/7/98 -->
|
||||
|
||||
<!-- Modified: Christine Dreckman: 3/18/99 -->
|
||||
|
||||
<!-- CONFIDENTIAL AND PROPRIETARY TEST SCRIPT OF NETSCAPE COMMUNICATIONS CORPORATION
|
||||
|
||||
Copyright © 1998 Netscape Communications Corporation. All Rights Reserved. Use of this Test Script is subject to the terms of the applicable license agreement from Netscape Communications Corporation -->
|
||||
|
||||
<!-- Purpose: To test the TH element with the VALIGN attribute, assigning a value of 'baseline'-->
|
||||
|
||||
<!-- Expected result: There is one row and 3 columns. The cell in the first column contains an image. The text in the second and third column cells should be vertically aligned to the baseline -->
|
||||
|
||||
<title>th_align_baseline</title>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
TH VALIGN=BASELINE
|
||||
|
||||
<table border=1>
|
||||
|
||||
<tr>
|
||||
<th><img SRC="images/calanque.jpg" alt=image height=185 width=300></td>
|
||||
|
||||
<th><img SRC="../images/raptor.jpg" alt=image height=185 width=300></td>
|
||||
|
||||
<th valign=baseline>This text should be vertically aligned to the baseline</th>
|
||||
|
||||
<th valign=baseline>This text should be vertically aligned to the baseline</th>
|
||||
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
||||
|
||||
|
|
@ -30,6 +53,18 @@ TH VALIGN=BASELINE
|
|||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -1,26 +1,49 @@
|
|||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
|
||||
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<!-- testcase: th_valign_bottom.html -->
|
||||
|
||||
<!-- description: TH element, VALIGN attribute, BOTTOM value -->
|
||||
|
||||
<!-- Author: Chris Petersen Date: 8/7/98 -->
|
||||
|
||||
<!-- Modified: Christine Dreckman: 3/18/99 -->
|
||||
|
||||
<!-- CONFIDENTIAL AND PROPRIETARY TEST SCRIPT OF NETSCAPE COMMUNICATIONS CORPORATION
|
||||
|
||||
Copyright © 1998 Netscape Communications Corporation. All Rights Reserved. Use of this Test Script is subject to the terms of the applicable license agreement from Netscape Communications Corporation -->
|
||||
|
||||
<!-- Purpose: To test the TH element with the VALIGN attribute, assigning a value of 'bottom'-->
|
||||
|
||||
<!-- Expected result: There is one row and 3 columns. The cell in the first column contains an image. The text in the second and third column cells should be vertically aligned to the bottom -->
|
||||
|
||||
<title>th_align_bottom</title>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
TH VALIGN=BOTTOM
|
||||
|
||||
<table border=1>
|
||||
|
||||
<tr>
|
||||
<th><img SRC="images/calanque.jpg" alt=image height=185 width=300></td>
|
||||
|
||||
<th><img SRC="../images/raptor.jpg" alt=image height=185 width=300></td>
|
||||
|
||||
<th valign=bottom>This text should be vertically aligned to the bottom</th>
|
||||
|
||||
<th valign=bottom>This text should be vertically aligned to the bottom</th>
|
||||
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
||||
|
||||
|
|
@ -30,6 +53,18 @@ TH VALIGN=BOTTOM
|
|||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -1,26 +1,49 @@
|
|||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
|
||||
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<!-- testcase: th_valign_middle.html -->
|
||||
|
||||
<!-- description: TH element, VALIGN attribute, MIDDLE value -->
|
||||
|
||||
<!-- Author: Chris Petersen Date: 8/7/98 -->
|
||||
|
||||
<!-- Modified: Christine Dreckman: 3/18/99 -->
|
||||
|
||||
<!-- CONFIDENTIAL AND PROPRIETARY TEST SCRIPT OF NETSCAPE COMMUNICATIONS CORPORATION
|
||||
|
||||
Copyright © 1998 Netscape Communications Corporation. All Rights Reserved. Use of this Test Script is subject to the terms of the applicable license agreement from Netscape Communications Corporation -->
|
||||
|
||||
<!-- Purpose: To test the TH element with the VALIGN attribute, assigning a value of 'middle'-->
|
||||
|
||||
<!-- Expected result: There is one row and 3 columns. The cell in the first column contains an image. The text in the second and third column cells should be vertically aligned to the middle -->
|
||||
|
||||
<title>th_align_middle</title>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
TH VALIGN=MIDDLE
|
||||
|
||||
<table border=1>
|
||||
|
||||
<tr>
|
||||
<th><img SRC="images/calanque.jpg" alt=image height=185 width=300></td>
|
||||
|
||||
<th><img SRC="../images/raptor.jpg" alt=image height=185 width=300></td>
|
||||
|
||||
<th valign=middle>This text should be vertically aligned to the middle</th>
|
||||
|
||||
<th valign=middle>This text should be vertically aligned to the middle</th>
|
||||
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
||||
|
||||
|
|
@ -30,6 +53,18 @@ TH VALIGN=MIDDLE
|
|||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -1,26 +1,49 @@
|
|||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
|
||||
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<!-- testcase: th_valign_top.html -->
|
||||
|
||||
<!-- description: TH element, VALIGN attribute, TOP value -->
|
||||
|
||||
<!-- Author: Chris Petersen Date: 8/7/98 -->
|
||||
|
||||
<!-- Modified: Christine Dreckman: 3/18/99 -->
|
||||
|
||||
<!-- CONFIDENTIAL AND PROPRIETARY TEST SCRIPT OF NETSCAPE COMMUNICATIONS CORPORATION
|
||||
|
||||
Copyright © 1998 Netscape Communications Corporation. All Rights Reserved. Use of this Test Script is subject to the terms of the applicable license agreement from Netscape Communications Corporation -->
|
||||
|
||||
<!-- Purpose: To test the TH element with the VALIGN attribute, assigning a value of 'top'-->
|
||||
|
||||
<!-- Expected result: There is one row and 3 columns. The cell in the first column contains an image. The text in the second and third column cells should be vertically aligned to the top -->
|
||||
|
||||
<title>th_align_top</title>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
TH VALIGN=TOP
|
||||
|
||||
<table border=1>
|
||||
|
||||
<tr>
|
||||
<th><img SRC="images/calanque.jpg" alt=image height=185 width=300></td>
|
||||
|
||||
<th><img SRC="../images/raptor.jpg" alt=image height=185 width=300></td>
|
||||
|
||||
<th valign=top>This text should be vertically aligned to the top</th>
|
||||
|
||||
<th valign=top>This text should be vertically aligned to the top</th>
|
||||
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
||||
|
||||
|
|
@ -30,6 +53,18 @@ TH VALIGN=TOP
|
|||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -1,38 +1,75 @@
|
|||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
|
||||
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<!-- testcase: thead_valign_baseline.html -->
|
||||
|
||||
<!-- description: THEAD element, VALIGN attribute, BASELINE value -->
|
||||
|
||||
<!-- Author: Christine Dreckman Date: 1/29/99 -->
|
||||
|
||||
<!-- Modified: Christine Dreckman Date: 3/18/99 -->
|
||||
|
||||
<!-- CONFIDENTIAL AND PROPRIETARY TEST SCRIPT OF NETSCAPE COMMUNICATIONS CORPORATION
|
||||
|
||||
Copyright © 1999 Netscape Communications Corporation. All Rights Reserved. Use of this Test Script is
|
||||
|
||||
subject to the terms of the applicable license agreement from Netscape Communications Corporation. -->
|
||||
|
||||
<!-- Purpose: To test the THEAD element with the VALIGN attribute, assigning a value of 'baseline' -->
|
||||
|
||||
<!-- Expected result: The text in the THEAD section should be vertically baseline aligned -->
|
||||
|
||||
<title>thead_align_baseline</title>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
THEAD VALIGN=BASELINE
|
||||
|
||||
<table border>
|
||||
|
||||
<thead valign=baseline>
|
||||
|
||||
<tr>
|
||||
<td><img SRC="images/calanque.jpg" alt=image height=185 width=300></td>
|
||||
|
||||
<td><img SRC="../images/raptor.jpg" alt=image height=185 width=300></td>
|
||||
|
||||
<td>This text is within the THEAD element and should be vertically aligned to the baseline</td>
|
||||
|
||||
</tr>
|
||||
|
||||
</thead>
|
||||
|
||||
<tfoot>
|
||||
|
||||
<tr>
|
||||
|
||||
<td>TFOOT</td>
|
||||
|
||||
<td>TFOOT</td>
|
||||
|
||||
</tr>
|
||||
|
||||
</tfoot>
|
||||
|
||||
<tbody>
|
||||
|
||||
<tr>
|
||||
|
||||
<td>TBODY</td>
|
||||
|
||||
<td>TBODY</td>
|
||||
|
||||
</tr>
|
||||
|
||||
<tbody>
|
||||
|
||||
</table>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
|
@ -1,38 +1,75 @@
|
|||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
|
||||
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<!-- testcase: thead_valign_bottom.html -->
|
||||
|
||||
<!-- description: THEAD element, VALIGN attribute, BOTTOM value -->
|
||||
|
||||
<!-- Author: Christine Dreckman Date: 1/29/99 -->
|
||||
|
||||
<!-- Modified: Christine Dreckman Date: 3/18/99 -->
|
||||
|
||||
<!-- CONFIDENTIAL AND PROPRIETARY TEST SCRIPT OF NETSCAPE COMMUNICATIONS CORPORATION
|
||||
|
||||
Copyright © 1999 Netscape Communications Corporation. All Rights Reserved. Use of this Test Script is
|
||||
|
||||
subject to the terms of the applicable license agreement from Netscape Communications Corporation. -->
|
||||
|
||||
<!-- Purpose: To test the THEAD element with the VALIGN attribute, assigning a value of 'bottom' -->
|
||||
|
||||
<!-- Expected result: The text in the THEAD section should be vertically bottom aligned -->
|
||||
|
||||
<title>thead_align_bottom</title>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
THEAD VALIGN=BOTTOM
|
||||
|
||||
<table border>
|
||||
|
||||
<thead valign=bottom>
|
||||
|
||||
<tr>
|
||||
<td><img SRC="images/calanque.jpg" alt=image height=185 width=300></td>
|
||||
|
||||
<td><img SRC="../images/raptor.jpg" alt=image height=185 width=300></td>
|
||||
|
||||
<td>This text is within the THEAD element and should be vertically aligned to the bottom</td>
|
||||
|
||||
</tr>
|
||||
|
||||
</thead>
|
||||
|
||||
<tfoot>
|
||||
|
||||
<tr>
|
||||
|
||||
<td>TFOOT</td>
|
||||
|
||||
<td>TFOOT</td>
|
||||
|
||||
</tr>
|
||||
|
||||
</tfoot>
|
||||
|
||||
<tbody>
|
||||
|
||||
<tr>
|
||||
|
||||
<td>TBODY</td>
|
||||
|
||||
<td>TBODY</td>
|
||||
|
||||
</tr>
|
||||
|
||||
<tbody>
|
||||
|
||||
</table>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
|
@ -1,38 +1,75 @@
|
|||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
|
||||
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<!-- testcase: thead_valign_middle.html -->
|
||||
|
||||
<!-- description: THEAD element, VALIGN attribute, MIDDLE value -->
|
||||
|
||||
<!-- Author: Christine Dreckman Date: 1/29/99 -->
|
||||
|
||||
<!-- Modified: Christine Dreckman Date: 3/18/99 -->
|
||||
|
||||
<!-- CONFIDENTIAL AND PROPRIETARY TEST SCRIPT OF NETSCAPE COMMUNICATIONS CORPORATION
|
||||
|
||||
Copyright © 1999 Netscape Communications Corporation. All Rights Reserved. Use of this Test Script is
|
||||
|
||||
subject to the terms of the applicable license agreement from Netscape Communications Corporation. -->
|
||||
|
||||
<!-- Purpose: To test the THEAD element with the VALIGN attribute, assigning a value of 'middle' -->
|
||||
|
||||
<!-- Expected result: The text in the THEAD section should be vertically middle aligned -->
|
||||
|
||||
<title>thead_align_middle</title>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
THEAD VALIGN=MIDDLE
|
||||
|
||||
<table border>
|
||||
|
||||
<thead valign=middle>
|
||||
|
||||
<tr>
|
||||
<td><img SRC="images/calanque.jpg" alt=image height=185 width=300></td>
|
||||
|
||||
<td><img SRC="../images/raptor.jpg" alt=image height=185 width=300></td>
|
||||
|
||||
<td>This text is within the THEAD element and should be vertically aligned to the middle</td>
|
||||
|
||||
</tr>
|
||||
|
||||
</thead>
|
||||
|
||||
<tfoot>
|
||||
|
||||
<tr>
|
||||
|
||||
<td>TFOOT</td>
|
||||
|
||||
<td>TFOOT</td>
|
||||
|
||||
</tr>
|
||||
|
||||
</tfoot>
|
||||
|
||||
<tbody>
|
||||
|
||||
<tr>
|
||||
|
||||
<td>TBODY</td>
|
||||
|
||||
<td>TBODY</td>
|
||||
|
||||
</tr>
|
||||
|
||||
<tbody>
|
||||
|
||||
</table>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
|
@ -1,38 +1,75 @@
|
|||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
|
||||
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<!-- testcase: thead_valign_top.html -->
|
||||
|
||||
<!-- description: THEAD element, VALIGN attribute, TOP value -->
|
||||
|
||||
<!-- Author: Christine Dreckman Date: 1/29/99 -->
|
||||
|
||||
<!-- Modified: Christine Dreckman Date: 3/18/99 -->
|
||||
|
||||
<!-- CONFIDENTIAL AND PROPRIETARY TEST SCRIPT OF NETSCAPE COMMUNICATIONS CORPORATION
|
||||
|
||||
Copyright © 1999 Netscape Communications Corporation. All Rights Reserved. Use of this Test Script is
|
||||
|
||||
subject to the terms of the applicable license agreement from Netscape Communications Corporation. -->
|
||||
|
||||
<!-- Purpose: To test the THEAD element with the VALIGN attribute, assigning a value of 'top' -->
|
||||
|
||||
<!-- Expected result: The text in the THEAD section should be vertically top aligned -->
|
||||
|
||||
<title>thead_align_top</title>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
THEAD VALIGN=TOP
|
||||
|
||||
<table border>
|
||||
|
||||
<thead valign=top>
|
||||
|
||||
<tr>
|
||||
<td><img SRC="images/calanque.jpg" alt=image height=185 width=300></td>
|
||||
|
||||
<td><img SRC="../images/raptor.jpg" alt=image height=185 width=300></td>
|
||||
|
||||
<td>This text is within the THEAD element and should be vertically aligned to the top</td>
|
||||
|
||||
</tr>
|
||||
|
||||
</thead>
|
||||
|
||||
<tfoot>
|
||||
|
||||
<tr>
|
||||
|
||||
<td>TFOOT</td>
|
||||
|
||||
<td>TFOOT</td>
|
||||
|
||||
</tr>
|
||||
|
||||
</tfoot>
|
||||
|
||||
<tbody>
|
||||
|
||||
<tr>
|
||||
|
||||
<td>TBODY</td>
|
||||
|
||||
<td>TBODY</td>
|
||||
|
||||
</tr>
|
||||
|
||||
<tbody>
|
||||
|
||||
</table>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
|
@ -1,26 +1,49 @@
|
|||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
|
||||
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<!-- testcase: tr_valign_baseline.html -->
|
||||
|
||||
<!-- description: TR element, VALIGN attribute, BASELINE value -->
|
||||
|
||||
<!-- Author: Chris Petersen Date: 8/6/98 -->
|
||||
|
||||
<!-- Modified: Christine Dreckman: 3/18/99 -->
|
||||
|
||||
<!-- CONFIDENTIAL AND PROPRIETARY TEST SCRIPT OF NETSCAPE COMMUNICATIONS CORPORATION
|
||||
|
||||
Copyright © 1998 Netscape Communications Corporation. All Rights Reserved. Use of this Test Script is subject to the terms of the applicable license agreement from Netscape Communications Corporation -->
|
||||
|
||||
<!-- Purpose: To test the TR element with the VALIGN attribute, assigning a value of 'baseline'-->
|
||||
|
||||
<!-- Expected result: There is one row and 3 columns. The cell in the first column contains an image. The text in the second and third column cells should be vertically aligned to the baseline -->
|
||||
|
||||
<title>tr_align_baseline</title>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
TR VALIGN=BASELINE
|
||||
|
||||
<table border=1>
|
||||
|
||||
<tr valign=baseline>
|
||||
<td><img SRC="images/calanque.jpg" alt=image height=185 width=300></td>
|
||||
|
||||
<td><img SRC="../images/raptor.jpg" alt=image height=185 width=300></td>
|
||||
|
||||
<td>This text should be vertically aligned to the baseline</td>
|
||||
|
||||
<td>This text should be vertically aligned to the baseline</td>
|
||||
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
||||
|
||||
|
|
@ -30,6 +53,18 @@ TR VALIGN=BASELINE
|
|||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -1,26 +1,49 @@
|
|||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
|
||||
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<!-- testcase: tr_valign_bottom.html -->
|
||||
|
||||
<!-- description: TR element, VALIGN attribute, BOTTOM value -->
|
||||
|
||||
<!-- Author: Chris Petersen Date: 8/6/98 -->
|
||||
|
||||
<!-- Modified: Christine Dreckman: 3/18/99 -->
|
||||
|
||||
<!-- CONFIDENTIAL AND PROPRIETARY TEST SCRIPT OF NETSCAPE COMMUNICATIONS CORPORATION
|
||||
|
||||
Copyright © 1998 Netscape Communications Corporation. All Rights Reserved. Use of this Test Script is subject to the terms of the applicable license agreement from Netscape Communications Corporation -->
|
||||
|
||||
<!-- Purpose: To test the TR element with the VALIGN attribute, assigning a value of 'bottom'-->
|
||||
|
||||
<!-- Expected result: There is one row and 3 columns. The cell in the first column contains an image. The text in the second and third column cells should be vertically aligned to the bottom -->
|
||||
|
||||
<title>tr_align_bottom</title>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
TR VALIGN=BOTTOM
|
||||
|
||||
<table border=1>
|
||||
|
||||
<tr valign=bottom>
|
||||
<td><img SRC="images/calanque.jpg" alt=image height=185 width=300></td>
|
||||
|
||||
<td><img SRC="../images/raptor.jpg" alt=image height=185 width=300></td>
|
||||
|
||||
<td>This text should be vertically aligned to the bottom</td>
|
||||
|
||||
<td>This text should be vertically aligned to the bottom</td>
|
||||
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
||||
|
||||
|
|
@ -30,6 +53,18 @@ TR VALIGN=BOTTOM
|
|||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -1,26 +1,49 @@
|
|||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
|
||||
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<!-- testcase: tr_valign_middle.html -->
|
||||
|
||||
<!-- description: TR element, VALIGN attribute, MIDDLE value -->
|
||||
|
||||
<!-- Author: Chris Petersen Date: 8/6/98 -->
|
||||
|
||||
<!-- Modified: Christine Dreckman: 3/18/99 -->
|
||||
|
||||
<!-- CONFIDENTIAL AND PROPRIETARY TEST SCRIPT OF NETSCAPE COMMUNICATIONS CORPORATION
|
||||
|
||||
Copyright © 1998 Netscape Communications Corporation. All Rights Reserved. Use of this Test Script is subject to the terms of the applicable license agreement from Netscape Communications Corporation -->
|
||||
|
||||
<!-- Purpose: To test the TR element with the VALIGN attribute, assigning a value of 'middle'-->
|
||||
|
||||
<!-- Expected result: There is one row and 3 columns. The cell in the first column contains an image. The text in the second and third column cells should be vertically aligned to the middle -->
|
||||
|
||||
<title>tr_align_middle</title>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
TR VALIGN=MIDDLE
|
||||
|
||||
<table border=1>
|
||||
|
||||
<tr valign=middle>
|
||||
<td><img SRC="images/calanque.jpg" alt=image height=185 width=300></td>
|
||||
|
||||
<td><img SRC="../images/raptor.jpg" alt=image height=185 width=300></td>
|
||||
|
||||
<td>This text should be vertically aligned to the middle</td>
|
||||
|
||||
<td>This text should be vertically aligned to the middle</td>
|
||||
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
||||
|
||||
|
|
@ -30,6 +53,18 @@ TR VALIGN=MIDDLE
|
|||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -1,26 +1,49 @@
|
|||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
|
||||
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<!-- testcase: tr_valign_top.html -->
|
||||
|
||||
<!-- description: TR element, VALIGN attribute, TOP value -->
|
||||
|
||||
<!-- Author: Chris Petersen Date: 8/6/98 -->
|
||||
|
||||
<!-- Modified: Christine Dreckman: 3/18/99 -->
|
||||
|
||||
<!-- CONFIDENTIAL AND PROPRIETARY TEST SCRIPT OF NETSCAPE COMMUNICATIONS CORPORATION
|
||||
|
||||
Copyright © 1998 Netscape Communications Corporation. All Rights Reserved. Use of this Test Script is subject to the terms of the applicable license agreement from Netscape Communications Corporation -->
|
||||
|
||||
<!-- Purpose: To test the TR element with the VALIGN attribute, assigning a value of 'top'-->
|
||||
|
||||
<!-- Expected result: There is one row and 3 columns. The cell in the first column contains an image. The text in the second and third column cells should be vertically aligned to the top -->
|
||||
|
||||
<title>tr_align_top</title>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
TR VALIGN=TOP
|
||||
|
||||
<table border=1>
|
||||
|
||||
<tr valign=top>
|
||||
<td><img SRC="images/calanque.jpg" alt=image height=185 width=300></td>
|
||||
|
||||
<td><img SRC="../images/raptor.jpg" alt=image height=185 width=300></td>
|
||||
|
||||
<td>This text should be vertically aligned to the top</td>
|
||||
|
||||
<td>This text should be vertically aligned to the top</td>
|
||||
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
||||
|
||||
|
|
@ -30,6 +53,18 @@ TR VALIGN=TOP
|
|||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@ fixed width table with 100px width image in 1st cell
|
|||
<table width=500 bgcolor=orange border=1>
|
||||
<tr>
|
||||
<td>
|
||||
<img src=raptor.jpg width=100 height=100></td>
|
||||
<img src=../images/raptor.jpg width=100 height=100></td>
|
||||
<td>a bunch of text, a bunch of text, a bunch of text, a bunch of text
|
||||
a bunch of text, a bunch of text, a bunch of text, a bunch of text</td></tr>
|
||||
</table>
|
||||
|
|
@ -24,7 +24,7 @@ auto width table with 100px width image in 1st cell
|
|||
<table bgcolor=orange border=1>
|
||||
<tr>
|
||||
<td>
|
||||
<img src=raptor.jpg width=100 height=100></td>
|
||||
<img src=../images/raptor.jpg width=100 height=100></td>
|
||||
<td>a bunch of text, a bunch of text, a bunch of text, a bunch of text
|
||||
a bunch of text, a bunch of text, a bunch of text, a bunch of text</td></tr>
|
||||
</table>
|
||||
|
|
@ -33,7 +33,7 @@ fixed width table with 100px width 1st cell containing image
|
|||
<table width=500 bgcolor=orange border=1>
|
||||
<tr>
|
||||
<td width=100>
|
||||
<img src=raptor.jpg width=100 height=100></td>
|
||||
<img src=../images/raptor.jpg width=100 height=100></td>
|
||||
<td>a bunch of text, a bunch of text, a bunch of text, a bunch of text
|
||||
a bunch of text, a bunch of text, a bunch of text, a bunch of text</td></tr>
|
||||
</table>
|
||||
|
|
@ -42,7 +42,7 @@ auto width table with 100px width 1st cell containing image
|
|||
<table bgcolor=orange border=1>
|
||||
<tr>
|
||||
<td width=100>
|
||||
<img src=raptor.jpg width=100 height=100></td>
|
||||
<img src=../images/raptor.jpg width=100 height=100></td>
|
||||
<td>a bunch of text, a bunch of text, a bunch of text, a bunch of text
|
||||
a bunch of text, a bunch of text, a bunch of text, a bunch of text</td></tr>
|
||||
</table>
|
||||
|
|
@ -51,7 +51,7 @@ small fixed width table with 100px image in 1st cell
|
|||
<table width=150 bgcolor=orange border=1>
|
||||
<tr>
|
||||
<td>
|
||||
<img src=raptor.jpg width=100 height=100></td>
|
||||
<img src=../images/raptor.jpg width=100 height=100></td>
|
||||
<td>a bunch of text, a bunch of text, a bunch of text, a bunch of text
|
||||
a bunch of text, a bunch of text, a bunch of text, a bunch of text</td></tr>
|
||||
</table>
|
||||
|
|
@ -60,7 +60,7 @@ fixed width table with 100px image in 1st cell, 100px 2nd cell containing text
|
|||
<table width=500 bgcolor=orange border=1>
|
||||
<tr>
|
||||
<td>
|
||||
<img src=raptor.jpg width=100 height=100></td>
|
||||
<img src=../images/raptor.jpg width=100 height=100></td>
|
||||
<td width=100>a bunch of text, a bunch of text, a bunch of text, a bunch of text
|
||||
a bunch of text, a bunch of text, a bunch of text, a bunch of text</td></tr>
|
||||
</table>
|
||||
|
|
@ -70,7 +70,7 @@ This differs from Nav4.5 but is similar to IE5
|
|||
<table bgcolor=orange border=1>
|
||||
<tr>
|
||||
<td>
|
||||
<img src=raptor.jpg width=100 height=100></td>
|
||||
<img src=../images/raptor.jpg width=100 height=100></td>
|
||||
<td width=100>a bunch of text, a bunch of text, a bunch of text, a bunch of text
|
||||
a bunch of text, a bunch of text, a bunch of text, a bunch of text</td></tr>
|
||||
</table>
|
||||
|
|
@ -82,7 +82,7 @@ Fixed width table with colspan=2 in 1st row, 2nd row containing 100px image, tex
|
|||
hello hello hello hello hello hello hello hello hello hello hello</td></tr>
|
||||
<tr>
|
||||
<td>
|
||||
<img src=raptor.jpg width=100 height=100></td>
|
||||
<img src=../images/raptor.jpg width=100 height=100></td>
|
||||
<td>there there there there there there there there there there there there</td></tr>
|
||||
</table>
|
||||
<BR>
|
||||
|
|
@ -93,7 +93,7 @@ Auto width table with colspan=2 in 1st row, 2nd row containing 100px image, text
|
|||
hello hello hello hello hello hello hello hello hello hello hello</td></tr>
|
||||
<tr>
|
||||
<td>
|
||||
<img src=raptor.jpg width=100 height=100></td>
|
||||
<img src=../images/raptor.jpg width=100 height=100></td>
|
||||
<td>there there there there there there there there there there there there</td></tr>
|
||||
</table>
|
||||
<BR>
|
||||
|
|
@ -104,7 +104,7 @@ Fixed width table with colspan=2 in 1st row, 2nd row containing 100px image, 100
|
|||
hello hello hello hello hello hello hello hello hello hello hello</td></tr>
|
||||
<tr>
|
||||
<td>
|
||||
<img src=raptor.jpg width=100 height=100></td>
|
||||
<img src=../images/raptor.jpg width=100 height=100></td>
|
||||
<td width=100>there there there there there there there there there there there there</td></tr>
|
||||
</table>
|
||||
<BR>
|
||||
|
|
@ -115,7 +115,7 @@ Auto width table with colspan=2 in 1st row, 2nd row containing 100px image, 100p
|
|||
hello hello hello hello hello hello hello hello hello hello hello</td></tr>
|
||||
<tr>
|
||||
<td>
|
||||
<img src=raptor.jpg width=100 height=100></td>
|
||||
<img src=../images/raptor.jpg width=100 height=100></td>
|
||||
<td width=100>there there there there there there there there there there there there</td></tr>
|
||||
</table>
|
||||
<BR>
|
||||
|
|
|
|||
|
|
@ -1,472 +1,945 @@
|
|||
<!doctype HTML PUBLIC "-//W3C//DTD HTML 3.2 Draft//EN">
|
||||
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>Web Browser Web View (HTML): Table</title>
|
||||
|
||||
<meta name="GENERATOR" CONTENT="Mozilla/3.0 (Win95; I) [Netscape]">
|
||||
|
||||
</head>
|
||||
|
||||
|
||||
|
||||
<body bgcolor=#FFDEAD TEXT=#000000>
|
||||
|
||||
<h1><font color=#FF0000>Acceptance Test Case<br>Web Browser: Web View (HTML)</font></h1>
|
||||
|
||||
<p>
|
||||
|
||||
<font color="#FF0000" size=+2><b>Table: <TH> & <TD> ROWSPAN</b></font>
|
||||
|
||||
|
||||
|
||||
<hr>
|
||||
|
||||
This acceptance test case tests the optional <b><TH></b> & <b><TD></b> tag <b>ROWSPAN</b> attribute which,
|
||||
|
||||
when placed in a table header or data tag, specifies how many rows the table header or data cell will span. The
|
||||
|
||||
<b>ROWSPAN</b> attribute is set to an integer value equal the number of rows the table header or data cell spans.
|
||||
|
||||
<p>
|
||||
|
||||
<b>Test Instructions:</b>
|
||||
|
||||
<ol>
|
||||
|
||||
<li>Verify that the sample text displays as stated in each of the following test cases:</li>
|
||||
|
||||
<p>
|
||||
|
||||
<table bgcolor=#F08080 cellpadding=7>
|
||||
|
||||
<tr>
|
||||
|
||||
<td><a href="wa_table_thtd_rowspan.html#TestCase_1">Test Case #1</a></td>
|
||||
|
||||
<td><font color=blue><b>table with header cells spanning multiple rows</b></font></td>
|
||||
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
|
||||
<td><a href="wa_table_thtd_rowspan.html#TestCase_2">Test Case #2</a></td>
|
||||
|
||||
<td><font color=blue><b>table with data cells spanning multiple rows</b></font></td>
|
||||
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
|
||||
<td><a href="wa_table_thtd_rowspan.html#TestCase_3">Test Case #3</a></td>
|
||||
|
||||
<td><font color=blue><b>table with nested header & data cells spanning multiple rows</b></font></td>
|
||||
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
|
||||
<p>
|
||||
|
||||
<li>Verify that the table is maintained when you <b>minimize/maximize</b> the screen.</li>
|
||||
|
||||
<li>Verify that the table is maintained when you <b>re-size left & right</b> the screen.</li>
|
||||
|
||||
<li>Verify that the table is maintained when you <b>re-size top & bottom</b> the screen.</li>
|
||||
|
||||
<li>Verify re-draw takes place correctly after maximizing the screen.</li>
|
||||
|
||||
<li>Verify reload works.</li>
|
||||
|
||||
</ol>
|
||||
|
||||
|
||||
|
||||
<hr>
|
||||
|
||||
<p>
|
||||
|
||||
<table border=1 bgcolor=lightcoral cellpadding=10 width=85%>
|
||||
|
||||
<tr align=left><th>
|
||||
|
||||
<A NAME="TestCase_1"></A>Test Case #1: <font color=blue>table with header cells spanning multiple rows</font>
|
||||
|
||||
<font size=-1><i>(using <TH ROWSPAN=integer value> tag)</i></font>
|
||||
|
||||
</th></tr>
|
||||
|
||||
</table>
|
||||
|
||||
<p>
|
||||
|
||||
<br>
|
||||
|
||||
<table border bgcolor=#FFD700 cellpadding=10 width=90%>
|
||||
|
||||
<tr><td><font color="FF0000"><b>In the following sample table you should see that the <font color=blue>ROWSPAN</font>
|
||||
|
||||
attribute applies an integer value equal to the number of rows the <font color=blue>HEADER</font> cell is to span. This
|
||||
|
||||
tells the browser to make the table header cell occupy the same vertical space as the integer number of cells specified in rows
|
||||
|
||||
above or below it. The browser flows the contents of the spanning cell to occupy the entire spanned space.
|
||||
|
||||
</font></td></tr>
|
||||
|
||||
</table>
|
||||
|
||||
|
||||
|
||||
<p><br><br>
|
||||
|
||||
<ul>
|
||||
|
||||
<table border width=65%>
|
||||
|
||||
<caption align=top>Table <b>Header Cells</b> spanning multiple rows</caption>
|
||||
|
||||
<tr>
|
||||
|
||||
<th rowspan=2 bgcolor=bisque>Header 1<br>span=2 rows</th>
|
||||
|
||||
<td bgcolor=violet>col 1</td>
|
||||
|
||||
<td bgcolor=violet>col 2</td>
|
||||
|
||||
<td bgcolor=violet>col 3</td>
|
||||
|
||||
<td bgcolor=violet>col 4</td>
|
||||
|
||||
<td bgcolor=violet>col 5</td>
|
||||
|
||||
<td bgcolor=violet>col 6</td>
|
||||
|
||||
<td bgcolor=violet>col 7</td>
|
||||
|
||||
<td bgcolor=violet>col 8</td>
|
||||
|
||||
<td bgcolor=violet>col 9</td>
|
||||
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
|
||||
<td bgcolor=violet>col 1</td>
|
||||
|
||||
<td bgcolor=violet>col 2</td>
|
||||
|
||||
<td bgcolor=violet>col 3</td>
|
||||
|
||||
<td bgcolor=violet>col 4</td>
|
||||
|
||||
<td bgcolor=violet>col 5</td>
|
||||
|
||||
<td bgcolor=violet>col 6</td>
|
||||
|
||||
<td bgcolor=violet>col 7</td>
|
||||
|
||||
<td bgcolor=violet>col 8</td>
|
||||
|
||||
<td bgcolor=violet>col 9</td>
|
||||
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
|
||||
<th rowspan=5 bgcolor=bisque>Header 2<br>span=5 rows</th>
|
||||
|
||||
<td bgcolor=lightgreen>col 1</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 2</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 3</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 4</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 5</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 6</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 7</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 8</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 9</td>
|
||||
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
|
||||
<td bgcolor=lightgreen>col 1</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 2</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 3</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 4</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 5</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 6</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 7</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 8</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 9</td>
|
||||
|
||||
</tr>
|
||||
|
||||
<tr bgcolor=bisque>
|
||||
|
||||
<td bgcolor=lightgreen>col 1</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 2</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 3</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 4</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 5</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 6</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 7</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 8</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 9</td>
|
||||
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
|
||||
<td bgcolor=lightgreen>col 1</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 2</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 3</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 4</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 5</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 6</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 7</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 8</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 9</td>
|
||||
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
|
||||
<td bgcolor=lightgreen>col 1</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 2</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 3</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 4</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 5</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 6</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 7</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 8</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 9</td>
|
||||
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
|
||||
<th rowspan=3 bgcolor=bisque>Header 3<br>span=3 rows</th>
|
||||
|
||||
<td bgcolor=lightblue>col 1</td>
|
||||
|
||||
<td bgcolor=lightblue>col 2</td>
|
||||
|
||||
<td bgcolor=lightblue>col 3</td>
|
||||
|
||||
<td bgcolor=lightblue>col 4</td>
|
||||
|
||||
<td bgcolor=lightblue>col 5</td>
|
||||
|
||||
<td bgcolor=lightblue>col 6</td>
|
||||
|
||||
<td bgcolor=lightblue>col 7</td>
|
||||
|
||||
<td bgcolor=lightblue>col 8</td>
|
||||
|
||||
<td bgcolor=lightblue>col 9</td>
|
||||
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
|
||||
<td bgcolor=lightblue>col 1</td>
|
||||
|
||||
<td bgcolor=lightblue>col 2</td>
|
||||
|
||||
<td bgcolor=lightblue>col 3</td>
|
||||
|
||||
<td bgcolor=lightblue>col 4</td>
|
||||
|
||||
<td bgcolor=lightblue>col 5</td>
|
||||
|
||||
<td bgcolor=lightblue>col 6</td>
|
||||
|
||||
<td bgcolor=lightblue>col 7</td>
|
||||
|
||||
<td bgcolor=lightblue>col 8</td>
|
||||
|
||||
<td bgcolor=lightblue>col 9</td>
|
||||
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
|
||||
<td bgcolor=lightblue>col 1</td>
|
||||
|
||||
<td bgcolor=lightblue>col 2</td>
|
||||
|
||||
<td bgcolor=lightblue>col 3</td>
|
||||
|
||||
<td bgcolor=lightblue>col 4</td>
|
||||
|
||||
<td bgcolor=lightblue>col 5</td>
|
||||
|
||||
<td bgcolor=lightblue>col 6</td>
|
||||
|
||||
<td bgcolor=lightblue>col 7</td>
|
||||
|
||||
<td bgcolor=lightblue>col 8</td>
|
||||
|
||||
<td bgcolor=lightblue>col 9</td>
|
||||
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
|
||||
</ul>
|
||||
|
||||
|
||||
|
||||
<p>
|
||||
|
||||
<hr>
|
||||
|
||||
<p>
|
||||
|
||||
<table border=1 bgcolor=lightcoral cellpadding=10 width=85%>
|
||||
|
||||
<tr align=left><th>
|
||||
|
||||
<A NAME="TestCase_2"></A>Test Case #2: <font color=blue>table with data cells spanning multiple rows</font>
|
||||
|
||||
<font size=-1><i>(using <TD ROWSPAN=integer value> tag)</i></font>
|
||||
|
||||
</th></tr>
|
||||
|
||||
</table>
|
||||
|
||||
<p>
|
||||
|
||||
<br>
|
||||
|
||||
<table border bgcolor=#FFD700 cellpadding=10 width=90%>
|
||||
|
||||
<tr><td><font color="FF0000"><b>In the following sample table you should see that the <font color=blue>ROWSPAN</font>
|
||||
|
||||
attribute applies an integer value equal to the number of rows the <font color=blue>DATA</font> cell is to span. This
|
||||
|
||||
tells the browser to make the table data cell occupy the same vertical space as the integer number of cells specified in rows
|
||||
|
||||
above or below it. The browser flows the contents of the spanning cell to occupy the entire spanned space.
|
||||
|
||||
</font></td></tr>
|
||||
|
||||
</table>
|
||||
|
||||
|
||||
|
||||
<p><br><br>
|
||||
|
||||
<ul>
|
||||
|
||||
<table border width=65%>
|
||||
|
||||
<caption align=top>Table <b>Data Cells</b> spanning multiple rows</caption>
|
||||
|
||||
<tr>
|
||||
|
||||
<th bgcolor=violet>Head</th>
|
||||
|
||||
<td rowspan=2 bgcolor=lemonchiffon>Data 1<br>span=2 rows</td>
|
||||
|
||||
<td bgcolor=violet>col 1</td>
|
||||
|
||||
<td bgcolor=violet>col 2</td>
|
||||
|
||||
<td bgcolor=violet>col 3</td>
|
||||
|
||||
<td bgcolor=violet>col 4</td>
|
||||
|
||||
<td bgcolor=violet>col 5</td>
|
||||
|
||||
<td bgcolor=violet>col 6</td>
|
||||
|
||||
<td bgcolor=violet>col 7</td>
|
||||
|
||||
<td bgcolor=violet>col 8</td>
|
||||
|
||||
<td bgcolor=violet>col 9</td>
|
||||
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
|
||||
<th bgcolor=violet>Head</th>
|
||||
|
||||
<td bgcolor=violet>col 1</td>
|
||||
|
||||
<td bgcolor=violet>col 2</td>
|
||||
|
||||
<td bgcolor=violet>col 3</td>
|
||||
|
||||
<td bgcolor=violet>col 4</td>
|
||||
|
||||
<td bgcolor=violet>col 5</td>
|
||||
|
||||
<td bgcolor=violet>col 6</td>
|
||||
|
||||
<td bgcolor=violet>col 7</td>
|
||||
|
||||
<td bgcolor=violet>col 8</td>
|
||||
|
||||
<td bgcolor=violet>col 9</td>
|
||||
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
|
||||
<th bgcolor=lightgreen>Head</th>
|
||||
|
||||
<td rowspan=5 bgcolor=lemonchiffon>Data 2<br>span=5 rows</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 1</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 2</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 3</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 4</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 5</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 6</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 7</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 8</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 9</td>
|
||||
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
|
||||
<th bgcolor=lightgreen>Head</th>
|
||||
|
||||
<td bgcolor=lightgreen>col 1</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 2</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 3</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 4</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 5</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 6</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 7</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 8</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 9</td>
|
||||
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
|
||||
<th bgcolor=lightgreen>Head</th>
|
||||
|
||||
<td bgcolor=lightgreen>col 1</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 2</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 3</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 4</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 5</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 6</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 7</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 8</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 9</td>
|
||||
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
|
||||
<th bgcolor=lightgreen>Head</th>
|
||||
|
||||
<td bgcolor=lightgreen>col 1</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 2</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 3</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 4</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 5</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 6</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 7</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 8</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 9</td>
|
||||
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
|
||||
<th bgcolor=lightgreen>Head</th>
|
||||
|
||||
<td bgcolor=lightgreen>col 1</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 2</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 3</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 4</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 5</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 6</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 7</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 8</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 9</td>
|
||||
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
|
||||
<th bgcolor=lightblue>Head</th>
|
||||
|
||||
<td rowspan=3 bgcolor=lemonchiffon>Data 3<br>span=3 rows</td>
|
||||
|
||||
<td bgcolor=lightblue>col 1</td>
|
||||
|
||||
<td bgcolor=lightblue>col 2</td>
|
||||
|
||||
<td bgcolor=lightblue>col 3</td>
|
||||
|
||||
<td bgcolor=lightblue>col 4</td>
|
||||
|
||||
<td bgcolor=lightblue>col 5</td>
|
||||
|
||||
<td bgcolor=lightblue>col 6</td>
|
||||
|
||||
<td bgcolor=lightblue>col 7</td>
|
||||
|
||||
<td bgcolor=lightblue>col 8</td>
|
||||
|
||||
<td bgcolor=lightblue>col 9</td>
|
||||
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
|
||||
<th bgcolor=lightblue>Head</th>
|
||||
|
||||
<td bgcolor=lightblue>col 1</td>
|
||||
|
||||
<td bgcolor=lightblue>col 2</td>
|
||||
|
||||
<td bgcolor=lightblue>col 3</td>
|
||||
|
||||
<td bgcolor=lightblue>col 4</td>
|
||||
|
||||
<td bgcolor=lightblue>col 5</td>
|
||||
|
||||
<td bgcolor=lightblue>col 6</td>
|
||||
|
||||
<td bgcolor=lightblue>col 7</td>
|
||||
|
||||
<td bgcolor=lightblue>col 8</td>
|
||||
|
||||
<td bgcolor=lightblue>col 9</td>
|
||||
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
|
||||
<th bgcolor=lightblue>Head</th>
|
||||
|
||||
<td bgcolor=lightblue>col 1</td>
|
||||
|
||||
<td bgcolor=lightblue>col 2</td>
|
||||
|
||||
<td bgcolor=lightblue>col 3</td>
|
||||
|
||||
<td bgcolor=lightblue>col 4</td>
|
||||
|
||||
<td bgcolor=lightblue>col 5</td>
|
||||
|
||||
<td bgcolor=lightblue>col 6</td>
|
||||
|
||||
<td bgcolor=lightblue>col 7</td>
|
||||
|
||||
<td bgcolor=lightblue>col 8</td>
|
||||
|
||||
<td bgcolor=lightblue>col 9</td>
|
||||
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
|
||||
</ul>
|
||||
|
||||
|
||||
|
||||
<p>
|
||||
|
||||
<hr>
|
||||
|
||||
<p>
|
||||
|
||||
<table border=1 bgcolor=lightcoral cellpadding=10 width=85%>
|
||||
|
||||
<tr align=left><th>
|
||||
|
||||
<A NAME="TestCase_3"></A>Test Case #3: <font color=blue>table with nested header & data cells spanning multiple rows</font>
|
||||
|
||||
<font size=-1><i>(using <TH ROWSPAN=integer value> <TD ROWSPAN=integer value> tag)</i></font>
|
||||
|
||||
</th></tr>
|
||||
|
||||
</table>
|
||||
|
||||
|
||||
|
||||
<p><br><br>
|
||||
|
||||
<ul>
|
||||
|
||||
<table border width=65%>
|
||||
|
||||
<caption align=top>Nested Table <b>Header Cells</b> & <b>Data Cells</b> spanning multiple rows</caption>
|
||||
|
||||
<tr>
|
||||
|
||||
<th rowspan=7 bgcolor=bisque>Header 1<br>span=7 rows</td>
|
||||
|
||||
<td rowspan=2 bgcolor=lemonchiffon>Data 1<br>span=2 rows</td>
|
||||
|
||||
<td bgcolor=violet>col 1</td>
|
||||
|
||||
<td bgcolor=violet>col 2</td>
|
||||
|
||||
<td bgcolor=violet>col 3</td>
|
||||
|
||||
<td bgcolor=violet>col 4</td>
|
||||
|
||||
<td bgcolor=violet>col 5</td>
|
||||
|
||||
<td bgcolor=violet>col 6</td>
|
||||
|
||||
<td bgcolor=violet>col 7</td>
|
||||
|
||||
<td bgcolor=violet>col 8</td>
|
||||
|
||||
<td bgcolor=violet>col 9</td>
|
||||
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
|
||||
<td bgcolor=violet>col 1</td>
|
||||
|
||||
<td bgcolor=violet>col 2</td>
|
||||
|
||||
<td bgcolor=violet>col 3</td>
|
||||
|
||||
<td bgcolor=violet>col 4</td>
|
||||
|
||||
<td bgcolor=violet>col 5</td>
|
||||
|
||||
<td bgcolor=violet>col 6</td>
|
||||
|
||||
<td bgcolor=violet>col 7</td>
|
||||
|
||||
<td bgcolor=violet>col 8</td>
|
||||
|
||||
<td bgcolor=violet>col 9</td>
|
||||
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
|
||||
<td rowspan=5 bgcolor=lemonchiffon>Data 2<br>span=5 rows</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 1</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 2</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 3</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 4</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 5</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 6</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 7</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 8</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 9</td>
|
||||
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
|
||||
<td bgcolor=lightgreen>col 1</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 2</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 3</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 4</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 5</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 6</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 7</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 8</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 9</td>
|
||||
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
|
||||
<td bgcolor=lightgreen>col 1</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 2</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 3</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 4</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 5</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 6</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 7</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 8</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 9</td>
|
||||
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
|
||||
<td bgcolor=lightgreen>col 1</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 2</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 3</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 4</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 5</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 6</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 7</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 8</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 9</td>
|
||||
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
|
||||
<td bgcolor=lightgreen>col 1</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 2</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 3</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 4</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 5</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 6</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 7</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 8</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 9</td>
|
||||
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
|
||||
<th rowspan=3 bgcolor=bisque>Header 2<br>span=3 rows</td>
|
||||
|
||||
<td rowspan=3 bgcolor=lemonchiffon>Data 3<br>span=3 rows</td>
|
||||
|
||||
<td bgcolor=lightblue>col 1</td>
|
||||
|
||||
<td bgcolor=lightblue>col 2</td>
|
||||
|
||||
<td bgcolor=lightblue>col 3</td>
|
||||
|
||||
<td bgcolor=lightblue>col 4</td>
|
||||
|
||||
<td bgcolor=lightblue>col 5</td>
|
||||
|
||||
<td bgcolor=lightblue>col 6</td>
|
||||
|
||||
<td bgcolor=lightblue>col 7</td>
|
||||
|
||||
<td bgcolor=lightblue>col 8</td>
|
||||
|
||||
<td bgcolor=lightblue>col 9</td>
|
||||
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
|
||||
<td bgcolor=lightblue>col 1</td>
|
||||
|
||||
<td bgcolor=lightblue>col 2</td>
|
||||
|
||||
<td bgcolor=lightblue>col 3</td>
|
||||
|
||||
<td bgcolor=lightblue>col 4</td>
|
||||
|
||||
<td bgcolor=lightblue>col 5</td>
|
||||
|
||||
<td bgcolor=lightblue>col 6</td>
|
||||
|
||||
<td bgcolor=lightblue>col 7</td>
|
||||
|
||||
<td bgcolor=lightblue>col 8</td>
|
||||
|
||||
<td bgcolor=lightblue>col 9</td>
|
||||
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
|
||||
<td bgcolor=lightblue>col 1</td>
|
||||
|
||||
<td bgcolor=lightblue>col 2</td>
|
||||
|
||||
<td bgcolor=lightblue>col 3</td>
|
||||
|
||||
<td bgcolor=lightblue>col 4</td>
|
||||
|
||||
<td bgcolor=lightblue>col 5</td>
|
||||
|
||||
<td bgcolor=lightblue>col 6</td>
|
||||
|
||||
<td bgcolor=lightblue>col 7</td>
|
||||
|
||||
<td bgcolor=lightblue>col 8</td>
|
||||
|
||||
<td bgcolor=lightblue>col 9</td>
|
||||
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
|
||||
</ul>
|
||||
|
||||
|
||||
|
||||
|
||||
<p>
|
||||
|
||||
<hr>
|
||||
<img width=13 height=13 src="pics/bullr.gif"> Created 9/19/96 by <a href="mailto:ronaldg@netscape.com">Ronald Greti</a><br>
|
||||
|
||||
<img width=13 height=13 src="../images/raptor.jpg"> Created 9/19/96 by <a href="mailto:ronaldg@netscape.com">Ronald Greti</a><br>
|
||||
|
||||
<p>
|
||||
|
||||
<br><p>
|
||||
|
||||
<P><font size=-1>CONFIDENTIAL AND PROPRIETARY TEST SCRIPT OF NETSCAPE COMMUNICATIONS CORP.<BR>Copyright © 1996 Netscape Communications Corp. All Rights Reserved.<BR>Use of this Test Script is subject to the terms of the applicable license agreement from Netscape Communications Corp.</font>
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -201,7 +201,7 @@ Note: The attribute <font color=blue>ALIGN=CENTER</font> has no special effect o
|
|||
|
||||
<hr>
|
||||
|
||||
<img width=13 height=13 src="pics/bullr.gif"> Created 9/9/96 by <a href="mailto:ronaldg@netscape.com">Ronald Greti</a><br>
|
||||
<img width=13 height=13 src="../images/raptor.jpg"> Created 9/9/96 by <a href="mailto:ronaldg@netscape.com">Ronald Greti</a><br>
|
||||
|
||||
<p>
|
||||
|
||||
|
|
|
|||
|
|
@ -74,16 +74,26 @@ Each tag has one or more required and optional attributes, some of which affect
|
|||
|
||||
</tr>
|
||||
|
||||
|
||||
<tr>
|
||||
|
||||
|
||||
|
||||
<td valign=top><a href="wf_table_bgcolor.html">Table with background color</a></td>
|
||||
|
||||
|
||||
|
||||
<td><li type=square>Verify what happens when you use the Edit|Preferences|Appearance|Color checkbox.</li></td>
|
||||
|
||||
|
||||
|
||||
</tr>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<tr>
|
||||
|
||||
<td valign=top><a href="wf_table_mixed_widths.html">Table with Mixed Widths</a></td>
|
||||
|
|
@ -96,11 +106,14 @@ Each tag has one or more required and optional attributes, some of which affect
|
|||
<td valign=top><a href="wf_table_large.html">Large Table</a></td>
|
||||
<td><li type=square>Verify that you can load a table with a large number of rows & columns.</li></td>
|
||||
</tr>
|
||||
|
||||
<tr><td valign=top><a href="../charstyles/wf_charstyles_tables.html">Character Styles inside Tables</a></td>
|
||||
<td><li type=square>Verify that tables can contain character styles.<font color=teal><b>[from Character Styles Functional Test Case]</b></font></li></td>
|
||||
</tr>
|
||||
<tr>
|
||||
|
||||
<td valign=top><a href="../images/wf_images_in_table.html">Images inside Tables</a></td> <td><li type=square>Verify that images can be contained inside tables.<font color=teal><b>[from Image Functional Test Case]</b></font></li></td> </tr>
|
||||
|
||||
<tr><td><a href="../multicol/wf_multicol_table.html">Multicolumns inside a Table</a></td> <td><li type=square>Verify that multicolumns can be contained inside a table.<font color=teal><b>[from Multicolumn Functional Test Case]</b></font></li></td>
|
||||
</tr>
|
||||
<tr>
|
||||
|
|
@ -110,16 +123,26 @@ Each tag has one or more required and optional attributes, some of which affect
|
|||
|
||||
<tr>
|
||||
<td><a href="wf_table_nests.html">Nested Tables</a></td>
|
||||
|
||||
<td><li type=square>Verify that tables can be nested inside other tables.</li></td>
|
||||
|
||||
</tr>
|
||||
<tr>
|
||||
|
||||
<td><a href="wf_table_crash.html">Invalid Table Tags</a></td>
|
||||
|
||||
<td><li type=square>Verify that table will NOT crash when closing table tags were missing.</li></td>
|
||||
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
|
||||
<td><a href="wf_img_overlap_tbl.html">Image/table overlapping</a></td>
|
||||
|
||||
<td><li type=square>Verify that Image and table text should NOT co-exist in the same space.</li></td>
|
||||
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
|
||||
</center>
|
||||
|
|
@ -166,12 +189,19 @@ Each tag has one or more required and optional attributes, some of which affect
|
|||
|
||||
|
||||
<hr>
|
||||
<img width=13 height=13 src="pics/bullr.gif"> Created 5/13/96 by <a href="mailto:ronaldg@netscape.com">Ronald Greti</a><br>
|
||||
<img width=13 height=13 src="pics/bully.gif"> Modified 11/03/96 by <a href="mailto:ronaldg@netscape.com">Ronald Greti</a><br>
|
||||
<img width=13 height=13 src="pics/bully.gif"> Modified 12/08/96 by <a href="mailto:robw@netscape.com">Robert Wehrfritz</a><br>
|
||||
<img width=13 height=13 src="pics/bully.gif"> Modified 03/04/97 by <a href="mailto:chitra@netscape.com">Chitra Natarajan</a><br>
|
||||
<img width=13 height=13 src="pics/bully.gif"> Modified 1/13/98 by <a href="mailto:chitra@netscape.com">Fenella Gor</a><br>
|
||||
|
||||
<img width=13 height=13 src="../images/raptor.jpg"> Created 5/13/96 by <a href="mailto:ronaldg@netscape.com">Ronald Greti</a><br>
|
||||
|
||||
<img width=13 height=13 src="../images/raptor.jpg"> Modified 11/03/96 by <a href="mailto:ronaldg@netscape.com">Ronald Greti</a><br>
|
||||
|
||||
<img width=13 height=13 src="../images/raptor.jpg"> Modified 12/08/96 by <a href="mailto:robw@netscape.com">Robert Wehrfritz</a><br>
|
||||
|
||||
<img width=13 height=13 src="../images/raptor.jpg"> Modified 03/04/97 by <a href="mailto:chitra@netscape.com">Chitra Natarajan</a><br>
|
||||
|
||||
<img width=13 height=13 src="../images/raptor.jpg"> Modified 1/13/98 by <a href="mailto:chitra@netscape.com">Fenella Gor</a><br>
|
||||
|
||||
<p>
|
||||
|
||||
<br><p>
|
||||
<P><font size=-1>CONFIDENTIAL AND PROPRIETARY TEST SCRIPT OF NETSCAPE COMMUNICATIONS CORP.<BR>Copyright © 1996 Netscape Communications Corp. All Rights Reserved.<BR>Use of this Test Script is subject to the terms of the applicable license agreement from Netscape Communications Corp.</font>
|
||||
|
||||
|
|
|
|||
|
|
@ -1,472 +1,945 @@
|
|||
<!doctype HTML PUBLIC "-//W3C//DTD HTML 3.2 Draft//EN">
|
||||
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>Web Browser Web View (HTML): Table</title>
|
||||
|
||||
<meta name="GENERATOR" CONTENT="Mozilla/3.0 (Win95; I) [Netscape]">
|
||||
|
||||
</head>
|
||||
|
||||
|
||||
|
||||
<body bgcolor=#FFDEAD TEXT=#000000>
|
||||
|
||||
<h1><font color=#FF0000>Acceptance Test Case<br>Web Browser: Web View (HTML)</font></h1>
|
||||
|
||||
<p>
|
||||
|
||||
<font color="#FF0000" size=+2><b>Table: <TH> & <TD> ROWSPAN</b></font>
|
||||
|
||||
|
||||
|
||||
<hr>
|
||||
|
||||
This acceptance test case tests the optional <b><TH></b> & <b><TD></b> tag <b>ROWSPAN</b> attribute which,
|
||||
|
||||
when placed in a table header or data tag, specifies how many rows the table header or data cell will span. The
|
||||
|
||||
<b>ROWSPAN</b> attribute is set to an integer value equal the number of rows the table header or data cell spans.
|
||||
|
||||
<p>
|
||||
|
||||
<b>Test Instructions:</b>
|
||||
|
||||
<ol>
|
||||
|
||||
<li>Verify that the sample text displays as stated in each of the following test cases:</li>
|
||||
|
||||
<p>
|
||||
|
||||
<table bgcolor=#F08080 cellpadding=7>
|
||||
|
||||
<tr>
|
||||
|
||||
<td><a href="wa_table_thtd_rowspan.html#TestCase_1">Test Case #1</a></td>
|
||||
|
||||
<td><font color=blue><b>table with header cells spanning multiple rows</b></font></td>
|
||||
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
|
||||
<td><a href="wa_table_thtd_rowspan.html#TestCase_2">Test Case #2</a></td>
|
||||
|
||||
<td><font color=blue><b>table with data cells spanning multiple rows</b></font></td>
|
||||
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
|
||||
<td><a href="wa_table_thtd_rowspan.html#TestCase_3">Test Case #3</a></td>
|
||||
|
||||
<td><font color=blue><b>table with nested header & data cells spanning multiple rows</b></font></td>
|
||||
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
|
||||
<p>
|
||||
|
||||
<li>Verify that the table is maintained when you <b>minimize/maximize</b> the screen.</li>
|
||||
|
||||
<li>Verify that the table is maintained when you <b>re-size left & right</b> the screen.</li>
|
||||
|
||||
<li>Verify that the table is maintained when you <b>re-size top & bottom</b> the screen.</li>
|
||||
|
||||
<li>Verify re-draw takes place correctly after maximizing the screen.</li>
|
||||
|
||||
<li>Verify reload works.</li>
|
||||
|
||||
</ol>
|
||||
|
||||
|
||||
|
||||
<hr>
|
||||
|
||||
<p>
|
||||
|
||||
<table border=1 bgcolor=lightcoral cellpadding=10 width=85%>
|
||||
|
||||
<tr align=left><th>
|
||||
|
||||
<A NAME="TestCase_1"></A>Test Case #1: <font color=blue>table with header cells spanning multiple rows</font>
|
||||
|
||||
<font size=-1><i>(using <TH ROWSPAN=integer value> tag)</i></font>
|
||||
|
||||
</th></tr>
|
||||
|
||||
</table>
|
||||
|
||||
<p>
|
||||
|
||||
<br>
|
||||
|
||||
<table border bgcolor=#FFD700 cellpadding=10 width=90%>
|
||||
|
||||
<tr><td><font color="FF0000"><b>In the following sample table you should see that the <font color=blue>ROWSPAN</font>
|
||||
|
||||
attribute applies an integer value equal to the number of rows the <font color=blue>HEADER</font> cell is to span. This
|
||||
|
||||
tells the browser to make the table header cell occupy the same vertical space as the integer number of cells specified in rows
|
||||
|
||||
above or below it. The browser flows the contents of the spanning cell to occupy the entire spanned space.
|
||||
|
||||
</font></td></tr>
|
||||
|
||||
</table>
|
||||
|
||||
|
||||
|
||||
<p><br><br>
|
||||
|
||||
<ul>
|
||||
|
||||
<table border width=65%>
|
||||
|
||||
<caption align=top>Table <b>Header Cells</b> spanning multiple rows</caption>
|
||||
|
||||
<tr>
|
||||
|
||||
<th rowspan=2 bgcolor=bisque>Header 1<br>span=2 rows</th>
|
||||
|
||||
<td bgcolor=violet>col 1</td>
|
||||
|
||||
<td bgcolor=violet>col 2</td>
|
||||
|
||||
<td bgcolor=violet>col 3</td>
|
||||
|
||||
<td bgcolor=violet>col 4</td>
|
||||
|
||||
<td bgcolor=violet>col 5</td>
|
||||
|
||||
<td bgcolor=violet>col 6</td>
|
||||
|
||||
<td bgcolor=violet>col 7</td>
|
||||
|
||||
<td bgcolor=violet>col 8</td>
|
||||
|
||||
<td bgcolor=violet>col 9</td>
|
||||
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
|
||||
<td bgcolor=violet>col 1</td>
|
||||
|
||||
<td bgcolor=violet>col 2</td>
|
||||
|
||||
<td bgcolor=violet>col 3</td>
|
||||
|
||||
<td bgcolor=violet>col 4</td>
|
||||
|
||||
<td bgcolor=violet>col 5</td>
|
||||
|
||||
<td bgcolor=violet>col 6</td>
|
||||
|
||||
<td bgcolor=violet>col 7</td>
|
||||
|
||||
<td bgcolor=violet>col 8</td>
|
||||
|
||||
<td bgcolor=violet>col 9</td>
|
||||
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
|
||||
<th rowspan=5 bgcolor=bisque>Header 2<br>span=5 rows</th>
|
||||
|
||||
<td bgcolor=lightgreen>col 1</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 2</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 3</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 4</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 5</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 6</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 7</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 8</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 9</td>
|
||||
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
|
||||
<td bgcolor=lightgreen>col 1</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 2</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 3</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 4</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 5</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 6</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 7</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 8</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 9</td>
|
||||
|
||||
</tr>
|
||||
|
||||
<tr bgcolor=bisque>
|
||||
|
||||
<td bgcolor=lightgreen>col 1</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 2</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 3</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 4</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 5</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 6</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 7</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 8</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 9</td>
|
||||
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
|
||||
<td bgcolor=lightgreen>col 1</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 2</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 3</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 4</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 5</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 6</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 7</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 8</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 9</td>
|
||||
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
|
||||
<td bgcolor=lightgreen>col 1</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 2</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 3</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 4</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 5</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 6</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 7</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 8</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 9</td>
|
||||
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
|
||||
<th rowspan=3 bgcolor=bisque>Header 3<br>span=3 rows</th>
|
||||
|
||||
<td bgcolor=lightblue>col 1</td>
|
||||
|
||||
<td bgcolor=lightblue>col 2</td>
|
||||
|
||||
<td bgcolor=lightblue>col 3</td>
|
||||
|
||||
<td bgcolor=lightblue>col 4</td>
|
||||
|
||||
<td bgcolor=lightblue>col 5</td>
|
||||
|
||||
<td bgcolor=lightblue>col 6</td>
|
||||
|
||||
<td bgcolor=lightblue>col 7</td>
|
||||
|
||||
<td bgcolor=lightblue>col 8</td>
|
||||
|
||||
<td bgcolor=lightblue>col 9</td>
|
||||
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
|
||||
<td bgcolor=lightblue>col 1</td>
|
||||
|
||||
<td bgcolor=lightblue>col 2</td>
|
||||
|
||||
<td bgcolor=lightblue>col 3</td>
|
||||
|
||||
<td bgcolor=lightblue>col 4</td>
|
||||
|
||||
<td bgcolor=lightblue>col 5</td>
|
||||
|
||||
<td bgcolor=lightblue>col 6</td>
|
||||
|
||||
<td bgcolor=lightblue>col 7</td>
|
||||
|
||||
<td bgcolor=lightblue>col 8</td>
|
||||
|
||||
<td bgcolor=lightblue>col 9</td>
|
||||
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
|
||||
<td bgcolor=lightblue>col 1</td>
|
||||
|
||||
<td bgcolor=lightblue>col 2</td>
|
||||
|
||||
<td bgcolor=lightblue>col 3</td>
|
||||
|
||||
<td bgcolor=lightblue>col 4</td>
|
||||
|
||||
<td bgcolor=lightblue>col 5</td>
|
||||
|
||||
<td bgcolor=lightblue>col 6</td>
|
||||
|
||||
<td bgcolor=lightblue>col 7</td>
|
||||
|
||||
<td bgcolor=lightblue>col 8</td>
|
||||
|
||||
<td bgcolor=lightblue>col 9</td>
|
||||
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
|
||||
</ul>
|
||||
|
||||
|
||||
|
||||
<p>
|
||||
|
||||
<hr>
|
||||
|
||||
<p>
|
||||
|
||||
<table border=1 bgcolor=lightcoral cellpadding=10 width=85%>
|
||||
|
||||
<tr align=left><th>
|
||||
|
||||
<A NAME="TestCase_2"></A>Test Case #2: <font color=blue>table with data cells spanning multiple rows</font>
|
||||
|
||||
<font size=-1><i>(using <TD ROWSPAN=integer value> tag)</i></font>
|
||||
|
||||
</th></tr>
|
||||
|
||||
</table>
|
||||
|
||||
<p>
|
||||
|
||||
<br>
|
||||
|
||||
<table border bgcolor=#FFD700 cellpadding=10 width=90%>
|
||||
|
||||
<tr><td><font color="FF0000"><b>In the following sample table you should see that the <font color=blue>ROWSPAN</font>
|
||||
|
||||
attribute applies an integer value equal to the number of rows the <font color=blue>DATA</font> cell is to span. This
|
||||
|
||||
tells the browser to make the table data cell occupy the same vertical space as the integer number of cells specified in rows
|
||||
|
||||
above or below it. The browser flows the contents of the spanning cell to occupy the entire spanned space.
|
||||
|
||||
</font></td></tr>
|
||||
|
||||
</table>
|
||||
|
||||
|
||||
|
||||
<p><br><br>
|
||||
|
||||
<ul>
|
||||
|
||||
<table border width=65%>
|
||||
|
||||
<caption align=top>Table <b>Data Cells</b> spanning multiple rows</caption>
|
||||
|
||||
<tr>
|
||||
|
||||
<th bgcolor=violet>Head</th>
|
||||
|
||||
<td rowspan=2 bgcolor=lemonchiffon>Data 1<br>span=2 rows</td>
|
||||
|
||||
<td bgcolor=violet>col 1</td>
|
||||
|
||||
<td bgcolor=violet>col 2</td>
|
||||
|
||||
<td bgcolor=violet>col 3</td>
|
||||
|
||||
<td bgcolor=violet>col 4</td>
|
||||
|
||||
<td bgcolor=violet>col 5</td>
|
||||
|
||||
<td bgcolor=violet>col 6</td>
|
||||
|
||||
<td bgcolor=violet>col 7</td>
|
||||
|
||||
<td bgcolor=violet>col 8</td>
|
||||
|
||||
<td bgcolor=violet>col 9</td>
|
||||
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
|
||||
<th bgcolor=violet>Head</th>
|
||||
|
||||
<td bgcolor=violet>col 1</td>
|
||||
|
||||
<td bgcolor=violet>col 2</td>
|
||||
|
||||
<td bgcolor=violet>col 3</td>
|
||||
|
||||
<td bgcolor=violet>col 4</td>
|
||||
|
||||
<td bgcolor=violet>col 5</td>
|
||||
|
||||
<td bgcolor=violet>col 6</td>
|
||||
|
||||
<td bgcolor=violet>col 7</td>
|
||||
|
||||
<td bgcolor=violet>col 8</td>
|
||||
|
||||
<td bgcolor=violet>col 9</td>
|
||||
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
|
||||
<th bgcolor=lightgreen>Head</th>
|
||||
|
||||
<td rowspan=5 bgcolor=lemonchiffon>Data 2<br>span=5 rows</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 1</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 2</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 3</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 4</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 5</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 6</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 7</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 8</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 9</td>
|
||||
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
|
||||
<th bgcolor=lightgreen>Head</th>
|
||||
|
||||
<td bgcolor=lightgreen>col 1</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 2</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 3</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 4</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 5</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 6</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 7</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 8</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 9</td>
|
||||
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
|
||||
<th bgcolor=lightgreen>Head</th>
|
||||
|
||||
<td bgcolor=lightgreen>col 1</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 2</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 3</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 4</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 5</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 6</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 7</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 8</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 9</td>
|
||||
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
|
||||
<th bgcolor=lightgreen>Head</th>
|
||||
|
||||
<td bgcolor=lightgreen>col 1</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 2</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 3</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 4</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 5</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 6</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 7</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 8</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 9</td>
|
||||
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
|
||||
<th bgcolor=lightgreen>Head</th>
|
||||
|
||||
<td bgcolor=lightgreen>col 1</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 2</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 3</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 4</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 5</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 6</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 7</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 8</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 9</td>
|
||||
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
|
||||
<th bgcolor=lightblue>Head</th>
|
||||
|
||||
<td rowspan=3 bgcolor=lemonchiffon>Data 3<br>span=3 rows</td>
|
||||
|
||||
<td bgcolor=lightblue>col 1</td>
|
||||
|
||||
<td bgcolor=lightblue>col 2</td>
|
||||
|
||||
<td bgcolor=lightblue>col 3</td>
|
||||
|
||||
<td bgcolor=lightblue>col 4</td>
|
||||
|
||||
<td bgcolor=lightblue>col 5</td>
|
||||
|
||||
<td bgcolor=lightblue>col 6</td>
|
||||
|
||||
<td bgcolor=lightblue>col 7</td>
|
||||
|
||||
<td bgcolor=lightblue>col 8</td>
|
||||
|
||||
<td bgcolor=lightblue>col 9</td>
|
||||
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
|
||||
<th bgcolor=lightblue>Head</th>
|
||||
|
||||
<td bgcolor=lightblue>col 1</td>
|
||||
|
||||
<td bgcolor=lightblue>col 2</td>
|
||||
|
||||
<td bgcolor=lightblue>col 3</td>
|
||||
|
||||
<td bgcolor=lightblue>col 4</td>
|
||||
|
||||
<td bgcolor=lightblue>col 5</td>
|
||||
|
||||
<td bgcolor=lightblue>col 6</td>
|
||||
|
||||
<td bgcolor=lightblue>col 7</td>
|
||||
|
||||
<td bgcolor=lightblue>col 8</td>
|
||||
|
||||
<td bgcolor=lightblue>col 9</td>
|
||||
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
|
||||
<th bgcolor=lightblue>Head</th>
|
||||
|
||||
<td bgcolor=lightblue>col 1</td>
|
||||
|
||||
<td bgcolor=lightblue>col 2</td>
|
||||
|
||||
<td bgcolor=lightblue>col 3</td>
|
||||
|
||||
<td bgcolor=lightblue>col 4</td>
|
||||
|
||||
<td bgcolor=lightblue>col 5</td>
|
||||
|
||||
<td bgcolor=lightblue>col 6</td>
|
||||
|
||||
<td bgcolor=lightblue>col 7</td>
|
||||
|
||||
<td bgcolor=lightblue>col 8</td>
|
||||
|
||||
<td bgcolor=lightblue>col 9</td>
|
||||
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
|
||||
</ul>
|
||||
|
||||
|
||||
|
||||
<p>
|
||||
|
||||
<hr>
|
||||
|
||||
<p>
|
||||
|
||||
<table border=1 bgcolor=lightcoral cellpadding=10 width=85%>
|
||||
|
||||
<tr align=left><th>
|
||||
|
||||
<A NAME="TestCase_3"></A>Test Case #3: <font color=blue>table with nested header & data cells spanning multiple rows</font>
|
||||
|
||||
<font size=-1><i>(using <TH ROWSPAN=integer value> <TD ROWSPAN=integer value> tag)</i></font>
|
||||
|
||||
</th></tr>
|
||||
|
||||
</table>
|
||||
|
||||
|
||||
|
||||
<p><br><br>
|
||||
|
||||
<ul>
|
||||
|
||||
<table border width=65%>
|
||||
|
||||
<caption align=top>Nested Table <b>Header Cells</b> & <b>Data Cells</b> spanning multiple rows</caption>
|
||||
|
||||
<tr>
|
||||
|
||||
<th rowspan=7 bgcolor=bisque>Header 1<br>span=7 rows</td>
|
||||
|
||||
<td rowspan=2 bgcolor=lemonchiffon>Data 1<br>span=2 rows</td>
|
||||
|
||||
<td bgcolor=violet>col 1</td>
|
||||
|
||||
<td bgcolor=violet>col 2</td>
|
||||
|
||||
<td bgcolor=violet>col 3</td>
|
||||
|
||||
<td bgcolor=violet>col 4</td>
|
||||
|
||||
<td bgcolor=violet>col 5</td>
|
||||
|
||||
<td bgcolor=violet>col 6</td>
|
||||
|
||||
<td bgcolor=violet>col 7</td>
|
||||
|
||||
<td bgcolor=violet>col 8</td>
|
||||
|
||||
<td bgcolor=violet>col 9</td>
|
||||
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
|
||||
<td bgcolor=violet>col 1</td>
|
||||
|
||||
<td bgcolor=violet>col 2</td>
|
||||
|
||||
<td bgcolor=violet>col 3</td>
|
||||
|
||||
<td bgcolor=violet>col 4</td>
|
||||
|
||||
<td bgcolor=violet>col 5</td>
|
||||
|
||||
<td bgcolor=violet>col 6</td>
|
||||
|
||||
<td bgcolor=violet>col 7</td>
|
||||
|
||||
<td bgcolor=violet>col 8</td>
|
||||
|
||||
<td bgcolor=violet>col 9</td>
|
||||
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
|
||||
<td rowspan=5 bgcolor=lemonchiffon>Data 2<br>span=5 rows</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 1</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 2</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 3</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 4</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 5</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 6</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 7</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 8</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 9</td>
|
||||
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
|
||||
<td bgcolor=lightgreen>col 1</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 2</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 3</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 4</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 5</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 6</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 7</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 8</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 9</td>
|
||||
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
|
||||
<td bgcolor=lightgreen>col 1</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 2</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 3</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 4</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 5</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 6</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 7</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 8</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 9</td>
|
||||
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
|
||||
<td bgcolor=lightgreen>col 1</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 2</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 3</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 4</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 5</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 6</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 7</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 8</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 9</td>
|
||||
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
|
||||
<td bgcolor=lightgreen>col 1</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 2</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 3</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 4</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 5</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 6</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 7</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 8</td>
|
||||
|
||||
<td bgcolor=lightgreen>col 9</td>
|
||||
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
|
||||
<th rowspan=3 bgcolor=bisque>Header 2<br>span=3 rows</td>
|
||||
|
||||
<td rowspan=3 bgcolor=lemonchiffon>Data 3<br>span=3 rows</td>
|
||||
|
||||
<td bgcolor=lightblue>col 1</td>
|
||||
|
||||
<td bgcolor=lightblue>col 2</td>
|
||||
|
||||
<td bgcolor=lightblue>col 3</td>
|
||||
|
||||
<td bgcolor=lightblue>col 4</td>
|
||||
|
||||
<td bgcolor=lightblue>col 5</td>
|
||||
|
||||
<td bgcolor=lightblue>col 6</td>
|
||||
|
||||
<td bgcolor=lightblue>col 7</td>
|
||||
|
||||
<td bgcolor=lightblue>col 8</td>
|
||||
|
||||
<td bgcolor=lightblue>col 9</td>
|
||||
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
|
||||
<td bgcolor=lightblue>col 1</td>
|
||||
|
||||
<td bgcolor=lightblue>col 2</td>
|
||||
|
||||
<td bgcolor=lightblue>col 3</td>
|
||||
|
||||
<td bgcolor=lightblue>col 4</td>
|
||||
|
||||
<td bgcolor=lightblue>col 5</td>
|
||||
|
||||
<td bgcolor=lightblue>col 6</td>
|
||||
|
||||
<td bgcolor=lightblue>col 7</td>
|
||||
|
||||
<td bgcolor=lightblue>col 8</td>
|
||||
|
||||
<td bgcolor=lightblue>col 9</td>
|
||||
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
|
||||
<td bgcolor=lightblue>col 1</td>
|
||||
|
||||
<td bgcolor=lightblue>col 2</td>
|
||||
|
||||
<td bgcolor=lightblue>col 3</td>
|
||||
|
||||
<td bgcolor=lightblue>col 4</td>
|
||||
|
||||
<td bgcolor=lightblue>col 5</td>
|
||||
|
||||
<td bgcolor=lightblue>col 6</td>
|
||||
|
||||
<td bgcolor=lightblue>col 7</td>
|
||||
|
||||
<td bgcolor=lightblue>col 8</td>
|
||||
|
||||
<td bgcolor=lightblue>col 9</td>
|
||||
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
|
||||
</ul>
|
||||
|
||||
|
||||
|
||||
|
||||
<p>
|
||||
|
||||
<hr>
|
||||
<img width=13 height=13 src="pics/bullr.gif"> Created 9/19/96 by <a href="mailto:ronaldg@netscape.com">Ronald Greti</a><br>
|
||||
|
||||
<img width=13 height=13 src="../images/raptor.jpg"> Created 9/19/96 by <a href="mailto:ronaldg@netscape.com">Ronald Greti</a><br>
|
||||
|
||||
<p>
|
||||
|
||||
<br><p>
|
||||
|
||||
<P><font size=-1>CONFIDENTIAL AND PROPRIETARY TEST SCRIPT OF NETSCAPE COMMUNICATIONS CORP.<BR>Copyright © 1996 Netscape Communications Corp. All Rights Reserved.<BR>Use of this Test Script is subject to the terms of the applicable license agreement from Netscape Communications Corp.</font>
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -1,106 +1,218 @@
|
|||
<!doctype HTML PUBLIC "-//W3C//DTD HTML 3.2 Draft//EN">
|
||||
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>Web Browser Web View (HTML): Table</title>
|
||||
|
||||
<meta name="GENERATOR" CONTENT="Mozilla/3.0 (Win95; I) [Netscape]">
|
||||
|
||||
</head>
|
||||
|
||||
|
||||
|
||||
<body bgcolor=FFDEAD TEXT="000000">
|
||||
|
||||
<h1><font color=#FF0000>Acceptance Test Case<br>Web Browser: Web View (HTML)</font></h1>
|
||||
|
||||
<p>
|
||||
|
||||
<font color=#FF0000 size=+2><b>Table: <TR> ALIGN</b></font>
|
||||
|
||||
|
||||
|
||||
<hr>
|
||||
|
||||
This acceptance test case tests the optional <b><TR></b> tag <b>ALIGN</b> attribute which controls the
|
||||
|
||||
horizontal alignment of all the cells in a row. This cause the contents of each cell in the row to be aligned
|
||||
|
||||
either LEFT|CENTER|RIGHT with respect to the current left and right margins of the display window.
|
||||
|
||||
The <b>Header</b> cells by default are aligned <b>CENTER</b> while the <b>Data</b> cells by default are aligned <b>LEFT</b>.
|
||||
|
||||
<p>
|
||||
|
||||
<b>Test Instructions:</b>
|
||||
|
||||
<ol>
|
||||
|
||||
<li>Verify that the sample text displays as stated in each of the following test cases:</li>
|
||||
|
||||
<p>
|
||||
|
||||
<table bgcolor=#F08080 cellpadding=7>
|
||||
|
||||
<tr>
|
||||
|
||||
<td><a href="wa_table_tr_align.html#TestCase_1">Test Case #1</a></td>
|
||||
|
||||
<td><font color=blue><b>Table displaying Header "CENTER "& Data "LEFT" default horizontal row alignment</b></font></td>
|
||||
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
|
||||
<td><a href="wa_table_tr_align.html#TestCase_2">Test Case #2</a></td>
|
||||
|
||||
<td><font color=blue><b>Tables displaying Header & Data "LEFT|CENTER|RIGHT" horizontal row alignment</b></font></td>
|
||||
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
|
||||
<p>
|
||||
|
||||
<li>Verify that the table is maintained when you <b>minimize/maximize</b> the screen.</li>
|
||||
|
||||
<li>Verify that the table is maintained when you <b>re-size left & right</b> the screen.</li>
|
||||
|
||||
<li>Verify that the table is maintained when you <b>re-size top & bottom</b> the screen.</li>
|
||||
|
||||
<li>Verify re-draw takes place correctly after maximizing the screen.</li>
|
||||
|
||||
<li>Verify reload works.</li>
|
||||
|
||||
</ol>
|
||||
|
||||
|
||||
|
||||
<hr>
|
||||
|
||||
<p>
|
||||
|
||||
<table border=1 bgcolor=lightcoral cellpadding=10>
|
||||
|
||||
<tr><th>
|
||||
|
||||
<A NAME="TestCase_1"></A>Test Case #1: <font color=blue>Table displaying Header "CENTER "& Data "LEFT" default horizontal row alignment</font>
|
||||
|
||||
<font size=-1><i>(using <TR> tag)</i></font>
|
||||
|
||||
</th></tr>
|
||||
|
||||
</table>
|
||||
|
||||
<p>
|
||||
|
||||
<table border bgcolor=bisque width=45%>
|
||||
|
||||
<caption align=top>Default Horizontal Row Alignment</caption>
|
||||
|
||||
<tr><th>row head 1</th><th>row head 2</th><th>row head 3</th></tr>
|
||||
|
||||
<tr><td>row data 1</td><td>row data 2</td><td>row data 3</td></tr>
|
||||
|
||||
</table>
|
||||
|
||||
|
||||
|
||||
<hr>
|
||||
|
||||
<p>
|
||||
|
||||
<table border=1 bgcolor=lightcoral cellpadding=10>
|
||||
|
||||
<tr><th>
|
||||
|
||||
<A NAME="TestCase_2"></A>Test Case #2: <font color=blue>Tables displaying Header & Data "LEFT|CENTER|RIGHT" horizontal row alignment</font>
|
||||
|
||||
<font size=-1><i>(using <TR ALIGN=LEFT|CENTER|RIGHT> tag)</i></font>
|
||||
|
||||
</th></tr>
|
||||
|
||||
</table>
|
||||
|
||||
|
||||
|
||||
|
||||
<p>
|
||||
|
||||
|
||||
<table border bgcolor=bisque width=45%>
|
||||
|
||||
|
||||
<caption align=top>Horizontal Row Alignment=LEFT</caption>
|
||||
|
||||
|
||||
<tr align=left><th>row head 1</th><th>row head 2</th><th>row head 3</th></tr>
|
||||
|
||||
<tr align=left><td>row data 1</td><td>row data 2</td><td>row data 3</td></tr>
|
||||
|
||||
|
||||
</tr>
|
||||
|
||||
<tr bgcolor=gold><td colspan=3>
|
||||
|
||||
<b><font color=red>
|
||||
|
||||
Note: The attribute <font color=blue>ALIGN=LEFT</font> has no special effect on the row data since it simply reiterates the default horizontal row alignment!
|
||||
|
||||
<p></font></b>
|
||||
|
||||
</td></tr>
|
||||
|
||||
</table>
|
||||
|
||||
|
||||
|
||||
|
||||
<p>
|
||||
|
||||
<table border bgcolor=bisque width=45%>
|
||||
|
||||
<caption align=top>Horizontal Row Alignment=CENTER</caption>
|
||||
|
||||
<tr align=center><th>row head 1</th><th>row head 2</th><th>row head 3</th></tr>
|
||||
|
||||
<tr align=center><td>row data 1</td><td>row data 2</td><td>row data 3</td></tr>
|
||||
|
||||
<tr bgcolor=gold><td colspan=3>
|
||||
|
||||
<b><font color=red>
|
||||
|
||||
Note: The attribute <font color=blue>ALIGN=CENTER</font> has no special effect on the row head since it simply reiterates the default horizontal row alignment!
|
||||
|
||||
<p></font></b>
|
||||
|
||||
</td></tr>
|
||||
|
||||
</table>
|
||||
|
||||
|
||||
|
||||
<p>
|
||||
|
||||
<table border bgcolor=bisque width=45%>
|
||||
|
||||
<caption align=top>Horizontal Row Alignment=RIGHT</caption>
|
||||
|
||||
<tr align=right><th>row head 1</th><th>row head 2</th><th>row head 3</th></tr>
|
||||
|
||||
<tr align=right><td>row data 1</td><td>row data 2</td><td>row data 3</td></tr>
|
||||
|
||||
</table>
|
||||
|
||||
|
||||
|
||||
<p>
|
||||
|
||||
<hr>
|
||||
<img width=13 height=13 src="pics/bullr.gif"> Created 9/9/96 by <a href="mailto:ronaldg@netscape.com">Ronald Greti</a><br>
|
||||
|
||||
<img width=13 height=13 src="../images/raptor.jpg"> Created 9/9/96 by <a href="mailto:ronaldg@netscape.com">Ronald Greti</a><br>
|
||||
|
||||
<p>
|
||||
|
||||
<br><p>
|
||||
|
||||
<P><font size=-1>CONFIDENTIAL AND PROPRIETARY TEST SCRIPT OF NETSCAPE COMMUNICATIONS CORP.<BR>Copyright © 1996 Netscape Communications Corp. All Rights Reserved.<BR>Use of this Test Script is subject to the terms of the applicable license agreement from Netscape Communications Corp.</font>
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -74,16 +74,26 @@ Each tag has one or more required and optional attributes, some of which affect
|
|||
|
||||
</tr>
|
||||
|
||||
|
||||
<tr>
|
||||
|
||||
|
||||
|
||||
<td valign=top><a href="wf_table_bgcolor.html">Table with background color</a></td>
|
||||
|
||||
|
||||
|
||||
<td><li type=square>Verify what happens when you use the Edit|Preferences|Appearance|Color checkbox.</li></td>
|
||||
|
||||
|
||||
|
||||
</tr>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<tr>
|
||||
|
||||
<td valign=top><a href="wf_table_mixed_widths.html">Table with Mixed Widths</a></td>
|
||||
|
|
@ -96,11 +106,14 @@ Each tag has one or more required and optional attributes, some of which affect
|
|||
<td valign=top><a href="wf_table_large.html">Large Table</a></td>
|
||||
<td><li type=square>Verify that you can load a table with a large number of rows & columns.</li></td>
|
||||
</tr>
|
||||
|
||||
<tr><td valign=top><a href="../charstyles/wf_charstyles_tables.html">Character Styles inside Tables</a></td>
|
||||
<td><li type=square>Verify that tables can contain character styles.<font color=teal><b>[from Character Styles Functional Test Case]</b></font></li></td>
|
||||
</tr>
|
||||
<tr>
|
||||
|
||||
<td valign=top><a href="../images/wf_images_in_table.html">Images inside Tables</a></td> <td><li type=square>Verify that images can be contained inside tables.<font color=teal><b>[from Image Functional Test Case]</b></font></li></td> </tr>
|
||||
|
||||
<tr><td><a href="../multicol/wf_multicol_table.html">Multicolumns inside a Table</a></td> <td><li type=square>Verify that multicolumns can be contained inside a table.<font color=teal><b>[from Multicolumn Functional Test Case]</b></font></li></td>
|
||||
</tr>
|
||||
<tr>
|
||||
|
|
@ -110,16 +123,26 @@ Each tag has one or more required and optional attributes, some of which affect
|
|||
|
||||
<tr>
|
||||
<td><a href="wf_table_nests.html">Nested Tables</a></td>
|
||||
|
||||
<td><li type=square>Verify that tables can be nested inside other tables.</li></td>
|
||||
|
||||
</tr>
|
||||
<tr>
|
||||
|
||||
<td><a href="wf_table_crash.html">Invalid Table Tags</a></td>
|
||||
|
||||
<td><li type=square>Verify that table will NOT crash when closing table tags were missing.</li></td>
|
||||
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
|
||||
<td><a href="wf_img_overlap_tbl.html">Image/table overlapping</a></td>
|
||||
|
||||
<td><li type=square>Verify that Image and table text should NOT co-exist in the same space.</li></td>
|
||||
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
|
||||
</center>
|
||||
|
|
@ -166,12 +189,19 @@ Each tag has one or more required and optional attributes, some of which affect
|
|||
|
||||
|
||||
<hr>
|
||||
<img width=13 height=13 src="pics/bullr.gif"> Created 5/13/96 by <a href="mailto:ronaldg@netscape.com">Ronald Greti</a><br>
|
||||
<img width=13 height=13 src="pics/bully.gif"> Modified 11/03/96 by <a href="mailto:ronaldg@netscape.com">Ronald Greti</a><br>
|
||||
<img width=13 height=13 src="pics/bully.gif"> Modified 12/08/96 by <a href="mailto:robw@netscape.com">Robert Wehrfritz</a><br>
|
||||
<img width=13 height=13 src="pics/bully.gif"> Modified 03/04/97 by <a href="mailto:chitra@netscape.com">Chitra Natarajan</a><br>
|
||||
<img width=13 height=13 src="pics/bully.gif"> Modified 1/13/98 by <a href="mailto:chitra@netscape.com">Fenella Gor</a><br>
|
||||
|
||||
<img width=13 height=13 src="../images/raptor.jpg"> Created 5/13/96 by <a href="mailto:ronaldg@netscape.com">Ronald Greti</a><br>
|
||||
|
||||
<img width=13 height=13 src="../images/raptor.jpg"> Modified 11/03/96 by <a href="mailto:ronaldg@netscape.com">Ronald Greti</a><br>
|
||||
|
||||
<img width=13 height=13 src="../images/raptor.jpg"> Modified 12/08/96 by <a href="mailto:robw@netscape.com">Robert Wehrfritz</a><br>
|
||||
|
||||
<img width=13 height=13 src="../images/raptor.jpg"> Modified 03/04/97 by <a href="mailto:chitra@netscape.com">Chitra Natarajan</a><br>
|
||||
|
||||
<img width=13 height=13 src="../images/raptor.jpg"> Modified 1/13/98 by <a href="mailto:chitra@netscape.com">Fenella Gor</a><br>
|
||||
|
||||
<p>
|
||||
|
||||
<br><p>
|
||||
<P><font size=-1>CONFIDENTIAL AND PROPRIETARY TEST SCRIPT OF NETSCAPE COMMUNICATIONS CORP.<BR>Copyright © 1996 Netscape Communications Corp. All Rights Reserved.<BR>Use of this Test Script is subject to the terms of the applicable license agreement from Netscape Communications Corp.</font>
|
||||
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@
|
|||
<META NAME="GENERATOR" CONTENT="Mozilla/4.09 [en] (WinNT; U) [Netscape]">
|
||||
<TITLE>test4</TITLE>
|
||||
<STYLE>
|
||||
BODY { font-size: 12pt; background-image: url(bg.jpg); }
|
||||
BODY { font-size: 12pt; background-image: url(../images/bg.jpg); }
|
||||
</STYLE>
|
||||
<meta name="crc" content=250397440>
|
||||
</HEAD>
|
||||
|
|
@ -15,9 +15,9 @@ Example 4: Some simple tables.</H1>
|
|||
|
||||
<TABLE BORDER >
|
||||
<TR>
|
||||
<TH BACKGROUND="rock_gra.gif">Color </TH>
|
||||
<TH BACKGROUND="../images/rock_gra.gif">Color </TH>
|
||||
|
||||
<TH BACKGROUND="rock_gra.gif">Meaning </TH>
|
||||
<TH BACKGROUND="../images/rock_gra.gif">Meaning </TH>
|
||||
</TR>
|
||||
|
||||
<TR>
|
||||
|
|
|
|||
Загрузка…
Ссылка в новой задаче