xsl-list
[Top] [All Lists]

RE: [xsl] Identity Transformation of XML for web display

2006-03-20 17:36:36
Hi.

You have to decide if you want margins that nest or not, which goes
along with weather you want to preserve hierarchy in the output or not.

As outline in this thread so far, it's been implied that you would
flatten things out:

<style>
.indent_1 {margin-left:10px;}
.indent_2 {margin-left:20px;}
.indent_3 {margin-left:30px;}
</style>
<div class="indent_1">&lt;A&gt;</div>
<div class="indent_2">&lt;B&gt;</div>
<div class="indent_3">&lt;C&gt;</div>
<div class="indent_2">&lt;/B&gt;</div>
<div class="indent_1">&lt;/A&gt;</div>

You could also use additive margins and nesting like so:

<style>
div {margin-left:10px;}
</style>
<div>
        &lt;A&gt;
        <div>
                &lt;B&gt;
                <div>
                        &lt;C&gt;
                </div>
                &lt;/B&gt;
        </div>
        &lt;/A&gt;
</div>



----------------->Nathan


.:||:._.:||:._.:||:._.:||:._.:||:._.:||:._.:||:._.:||:._.:||:._.:||:._.:
||:.

Nathan Young
CDC Site Design & Development->Interface Development Team
A: ncy1717
E: natyoung(_at_)cisco(_dot_)com  

-----Original Message-----
From: Wendell Piez [mailto:wapiez(_at_)mulberrytech(_dot_)com] 
Sent: Monday, March 20, 2006 8:57 AM
To: xsl-list(_at_)lists(_dot_)mulberrytech(_dot_)com
Subject: Re: [xsl] Identity Transformation of XML for web display

Karl,

This is not hard to do, either with literal spaces (non-breaking 
spaces) or with CSS when displaying HTML.

You looks like you're using CSS. If you're using a @class layer, it 
looks like the class of any particular div will be done like this:

<div class="indent_{count(ancestor-or-self::*)}">...</div>

which would result in class="indent_1" for an outermost div, 
"indent_2" for a div a level down, etc.

You could do the same thing with style="{count(ancestor::*) * 10}px"> 
and get your indents hard-coded that way: this would result in 0px, 
10px, 20px etc from outermost in.

I hope that helps.

Cheers,
Wendell

At 07:49 PM 3/18/2006, you wrote:
Hello,

I'd like to create an identity tranformation that replaces "<" this
and ">" this to "&lgt;" and "&glt" for display of the XML document on
an HTML page.  I can handle this part, but would like help with the
spacing of the elements as they appear hierachely.  So 
example, how to
space:

into

<A>
   <B>
       <C/>
   </B>
</A>

you have to be very intuitive as to knowing at which depth you are in
your transformation to style this something like:


<div style="indent_3">&glt;C&glt;</div>

where style indent_3 is a margin of 20px for example.

Any help would be appreciated.


======================================================================
Wendell Piez                            
mailto:wapiez(_at_)mulberrytech(_dot_)com
Mulberry Technologies, Inc.                http://www.mulberrytech.com
17 West Jefferson Street                    Direct Phone: 301/315-9635
Suite 207                                          Phone: 301/315-9631
Rockville, MD  20850                                 Fax: 301/315-8285
----------------------------------------------------------------------
   Mulberry Technologies: A Consultancy Specializing in SGML and XML
======================================================================


--~------------------------------------------------------------------
XSL-List info and archive:  http://www.mulberrytech.com/xsl/xsl-list
To unsubscribe, go to: http://lists.mulberrytech.com/xsl-list/
or e-mail: 
<mailto:xsl-list-unsubscribe(_at_)lists(_dot_)mulberrytech(_dot_)com>
--~--


--~------------------------------------------------------------------
XSL-List info and archive:  http://www.mulberrytech.com/xsl/xsl-list
To unsubscribe, go to: http://lists.mulberrytech.com/xsl-list/
or e-mail: <mailto:xsl-list-unsubscribe(_at_)lists(_dot_)mulberrytech(_dot_)com>
--~--

<Prev in Thread] Current Thread [Next in Thread>