Re: table styling

On Tuesday 14 February 2006 01:37, ve3ll@rac.ca wrote:
> the vertical-align:middle rule  does not work on cells!
>
> <?xml version="1.0" encoding="iso-8859-1"?>
> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
> "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
> <html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
> <head><title>Table Centering:VE3LL@RAC.CA</title>
> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
> <style type="text/css">
> span {color:red}
> ..col {background:#ffdead}
> ..x4 {text-align:center;width:40px;border:1px solid black;padding:2px}
> </style></head><body>
> <h1>Table Centering:VE3LL@RAC.CA</h1>
> <p>One quirk is the way some browsers (Opera, MSIE) deal with empty cells.
> Compare:</p>
> <table summary="container"><tr><td>
> <table class="col" summary="empty cells example">
> <tr><th class="x4">Year</th><th class="x4">Sales</th></tr>
> <tr><td class="x4">2000</td><td class="x4">$18M</td></tr>
> <tr><td class="x4">2001</td><td class="x4">$25M</td></tr>
> <tr><td class="x4">2002</td><td class="x4"></td></tr></table>
> </td><td style="vertical-align:middle">with</td><td>
> <table class="col" summary="spaced cell example">
> <tr><th class="x4">Year</th><th class="x4">Sales</th></tr>
> <tr><td class="x4">2000</td><td class="x4">$18M</td></tr>
> <tr><td class="x4">2001</td><td class="x4">$25M</td></tr>
> <tr><td class="x4">2002</td><td class="x4">&nbsp;</td></tr></table>
> </td></tr></table>
> <p><span>Note:</span> Amaya does not <em>vertical-align:middle</em>
> the <em>with</em> caption as styled.</p>
> </body></html>
>
> --

This item is registered too.
     Irène.
-----
Irène Vatton                     INRIA Rhône-Alpes
INRIA                               ZIRST
e-mail: Irene.Vatton@inria.fr       655 avenue de l'Europe
Tel.: +33 4 76 61 53 61             Montbonnot
Fax:  +33 4 76 61 52 07             38334 Saint Ismier Cedex - France

Received on Tuesday, 14 February 2006 14:38:51 UTC