XML/CSS - using column-span does not work

Discussion in 'XML' started by ricky, Dec 28, 2005.

  1. ricky

    ricky Guest

    Hello,

    If anyone could help me with this I would highly appreciate it. I've
    tried everything and nothing works. What I am trying to do is so damn
    basic and it's just frustrating that it seems there's no support for
    this. Either that or I'm doing something wrong. Well, enough venting,
    here's what I need.

    Using this sample XML file (test.xml):

    -----------------------------------------------------------------------------------

    <?xml version="1.0"?>
    <?xml-stylesheet type="text/css" href="test.css"?>
    <CATALOGS>
    <CATALOG>
    <HEADER>
    <NAME>Catalog A</NAME>
    </HEADER>
    <HEADER>
    <COLUMN>Title</COLUMN>
    <COLUMN>Artist</COLUMN>
    <COLUMN>Country</COLUMN>
    <COLUMN>Company</COLUMN>
    <COLUMN>Price</COLUMN>
    <COLUMN>Year</COLUMN>
    </HEADER>
    <CD>
    <TITLE>Empire Burlesque</TITLE>
    <ARTIST>Bob Dylan</ARTIST>
    <COUNTRY>USA</COUNTRY>
    <COMPANY>Columbia</COMPANY>
    <PRICE>10.90</PRICE>
    <YEAR>1985</YEAR>
    </CD>
    <CD>
    <TITLE>Hide your heart</TITLE>
    <ARTIST>Bonnie Tyler</ARTIST>
    <COUNTRY>UK</COUNTRY>
    <COMPANY>CBS Records</COMPANY>
    <PRICE>9.90</PRICE>
    <YEAR>1988</YEAR>
    </CD>
    </CATALOG>
    <CATALOG>
    <CATALOGS>
    -----------------------------------------------------------------------------------

    and this style sheet to format it (test.css):

    -----------------------------------------------------------------------------------

    CATALOG { display:table; column-count:6; width:500px;
    border-color:#d3d3d3; border-style:solid; border-width:1px;
    background-color:#ffffff; margin-left:20px; margin-top:20px; }
    HEADER { display:table-row; background-color:#eeeeee; }
    NAME { display:table-cell; column-span:6; font-family:Arial;
    font-family:Arial; font-weight:bold; font-size:12px; padding:3px; }
    COLUMN { display:table-cell; font-family:Arial; font-family:Arial;
    font-weight:bold; font-size:12px; padding:3px; }
    CD { display:table-row; font-family:Arial; font-size:12px;
    color:#000000; }
    TITLE { display:table-cell; padding:3px; }
    ARTIST { display:table-cell; padding:3px; }
    COUNTRY { display:table-cell; padding:3px; }
    PRICE { display:table-cell; padding:3px; }
    YEAR { display:table-cell; padding:3px; }

    -----------------------------------------------------------------------------------

    All I want is for the NAME to span across the 6 columns. The end
    result should be the equivalent of the following HTML:

    <table width="500" cellspacing="0" cellpadding="3"
    style="border-color:#d3d3d3; border-style:solid; border-width:1px;">
    <tr bgColor="#eeeeee">
    <td colspan="6"><span style="font-family:Arial; font-size:12px;
    font-weight:bold;">Catalog A</span></td>
    </tr>
    <tr bgColor="#eeeeee">
    <td><span style="font-family:Arial; font-size:12px;
    font-weight:bold;">Title</span></td>
    <td><span style="font-family:Arial; font-size:12px;
    font-weight:bold;">Artist</span></td>
    <td><span style="font-family:Arial; font-size:12px;
    font-weight:bold;">Country</span></td>
    <td><span style="font-family:Arial; font-size:12px;
    font-weight:bold;">Company</span></td>
    <td><span style="font-family:Arial; font-size:12px;
    font-weight:bold;">Price</span></td>
    <td><span style="font-family:Arial; font-size:12px;
    font-weight:bold;">Year</span></td>
    </tr>
    <tr>
    <td><span style="font-family:Arial; font-size:12px;">Empire
    Burlesque</span></td>
    <td><span style="font-family:Arial; font-size:12px;">Bob
    Dylan</span></td>
    <td><span style="font-family:Arial; font-size:12px;">USA</span></td>
    <td><span style="font-family:Arial;
    font-size:12px;">Columbia</span></td>
    <td><span style="font-family:Arial;
    font-size:12px;">10.90</span></td>
    <td><span style="font-family:Arial; font-size:12px;">1985</span></td>
    </tr>
    <tr>
    <td><span style="font-family:Arial; font-size:12px;">Hide Your
    Heart</span></td>
    <td><span style="font-family:Arial; font-size:12px;">Bonnie
    Tyler</span></td>
    <td><span style="font-family:Arial; font-size:12px;">UK</span></td>
    <td><span style="font-family:Arial; font-size:12px;">CBS
    Records</span></td>
    <td><span style="font-family:Arial; font-size:12px;">9.90</span></td>
    <td><span style="font-family:Arial; font-size:12px;">1988</span></td>
    </tr>
    </table>


    Now, what am I doing wrong? Why doesn't the column span with the TITLE
    content span the 6 columns across like I want it to do using the
    "column-span" property?

    Seems so basic you'd think they'd have gotten it to work.

    Using: Firefox 1.5 - don't bother looking at this in IE.

    Again, any help would be appreciated.

    Thank you,

    Ricky
     
    ricky, Dec 28, 2005
    #1
    1. Advertising

  2. ricky wrote:

    > basic and it's just frustrating that it seems there's no support for
    > this.


    > Why doesn't the column span with the TITLE content span the 6 columns
    > across like I want it to do using the "column-span" property?


    I've found a reference to column-span in the 18 January 2001 Working Draft
    for CSS3 module: Multi-column layout. The latest version of that module
    (15th Dec 2005) is also a Working Draft, and *doesn't* include that
    property.



    --
    David Dorward <http://blog.dorward.me.uk/> <http://dorward.me.uk/>
    Home is where the ~/.bashrc is
     
    David Dorward, Dec 28, 2005
    #2
    1. Advertising

  3. ricky

    ricky Guest

    Thank you for pointing that out. Although things would've been easier
    using CSS, I have found that using XSL is more powerful and allows me
    to do what I want. But seeing that column-span seems to be deprecated,
    it would've forced my hand anyway.

    Thanks again...your response is appreciated.

    Ricky
     
    ricky, Dec 28, 2005
    #3
    1. Advertising

Want to reply to this thread or ask your own question?

It takes just 2 minutes to sign up (and it's free!). Just click the sign up button to choose a username and then you can ask your own questions on the forum.
Similar Threads
  1. Fulio Open

    Can span include span?

    Fulio Open, Jun 26, 2009, in forum: HTML
    Replies:
    5
    Views:
    551
    dorayme
    Jun 26, 2009
  2. Stéphane Klein
    Replies:
    2
    Views:
    1,768
    John Nagle
    Mar 30, 2010
  3. Stefan Behnel
    Replies:
    0
    Views:
    489
    Stefan Behnel
    Mar 29, 2010
  4. Dan Bishop

    DataGrid (body only) contained in <span>...</span> tags

    Dan Bishop, Jun 7, 2004, in forum: ASP .Net Datagrid Control
    Replies:
    2
    Views:
    279
    Kilic Beg
    Jun 7, 2004
  5. Wang, Jay
    Replies:
    5
    Views:
    476
    Wang, Jay
    May 25, 2004
Loading...

Share This Page