Categories:
.NET (357)
C (330)
C++ (183)
CSS (84)
DBA (2)
General (7)
HTML (4)
Java (574)
JavaScript (106)
JSP (66)
Oracle (114)
Perl (46)
Perl (1)
PHP (1)
PL/SQL (1)
RSS (51)
Software QA (13)
SQL Server (1)
Windows (1)
XHTML (173)
Other Resources:
How To Control Vertical Alignment
How To Control Vertical Alignment? - XHTML 1.0 Tutorials - Understanding Tables and Table Cells
✍: FYIcenter.com
By default, text in all table cells are aligned to the top vertically. If you want to control vertical alignment yourself, you need to use the "valign" attribute in a "tr" element or a "td" element:
<?xml version="1.0" ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <title>Verical Alignment</title> </head> <body> <h4>Online Order</h4> <table border="1" width="250"> <tr> <td>Description</td> <td align="right">Qty</td> <td align="right">Price</td> </tr> <tr valign="bottom"> <td>Email account with 100MB storage, Webmail interface, POP3/IMAP access, and anti-spam protection</td> <td align="right">10</td> <td align="right">$9.90</td> </tr> <tr valign="middle"> <td>FYIcenter.com ad space of 90x30 pixel banner</td> <td align="right">1</td> <td align="right">$99.00</td> </tr> <tr> <td>1 year access to the VIP members area with no hidden fees, and 100% money back guarantee</td> <td align="right" valign="top">1</td> <td align="right" valign="top">$199.00</td> </tr> </table> </body> </html>
If you save the above document as vertical_alignment.html, and view it with
Internet Explorer, you will see that the first row is aligned to bottom
and the third row is aligned to top as shown below:
2007-05-11, 9923👍, 0💬
Popular Posts:
How do we enable SQL Cache Dependency in ASP.NET 2.0? Below are the broader steps to enable a SQL Ca...
What Are the Parameter Modes Supported by PL/SQL? - Oracle DBA FAQ - Creating Your Own PL/SQL Proced...
When should the register modifier be used? Does it really help? The register modifier hints to the c...
How can I execute a PHP script using command line? Just run the PHP CLI (Command Line Interface) pro...
How To Control Table Widths? - XHTML 1.0 Tutorials - Understanding Tables and Table Cells Usually, b...