gecko/layout/html/tests/table/other/wa_table_tr_align.html

252 lines
6.0 KiB
HTML

<!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">
If there is missing vertical space between tables and/or tables and other content, it is bug 6997.
<BR>
<h1><font color=#FF0000>Acceptance Test Case<br>Web Browser: Web View (HTML)</font></h1>
<p>
<font color=#FF0000 size=+2><b>Table: &lt;TR&gt; ALIGN</b></font>
<hr>
This acceptance test case tests the optional <b>&lt;TR&gt;</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 &ltTR&gt 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 &ltTR ALIGN=LEFT|CENTER|RIGHT&gt 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="../images/raptor.jpg"> Created 9/9/96 by <a href="mailto:ronaldg@netscape.com">Ronald Greti</a><br>
<p>
<br><p>
<!-- ***** BEGIN LICENSE BLOCK *****
- Version: MPL 1.1/GPL 2.0/LGPL 2.1
-
- The contents of this file are subject to the Mozilla Public License Version
- 1.1 (the "License"); you may not use this file except in compliance with
- the License. You may obtain a copy of the License at
- http://www.mozilla.org/MPL/
-
- Software distributed under the License is distributed on an "AS IS" basis,
- WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License
- for the specific language governing rights and limitations under the
- License.
-
- The Original Code is table tests.
- The Initial Developer of the Original Code is
- Netscape Communications Corp.
- Portions created by the Initial Developer are Copyright (C) 1996
- the Initial Developer. All Rights Reserved.
-
- Contributor(s):
-
- Alternatively, the contents of this file may be used under the terms of
- either the GNU General Public License Version 2 or later (the "GPL"), or
- the GNU Lesser General Public License Version 2.1 or later (the "LGPL"),
- in which case the provisions of the GPL or the LGPL are applicable instead
- of those above. If you wish to allow use of your version of this file only
- under the terms of either the GPL or the LGPL, and not to allow others to
- use your version of this file under the terms of the MPL, indicate your
- decision by deleting the provisions above and replace them with the notice
- and other provisions required by the LGPL or the GPL. If you do not delete
- the provisions above, a recipient may use your version of this file under
- the terms of any one of the MPL, the GPL or the LGPL.
-
- ***** END LICENSE BLOCK ***** -->
</body>
</html>