[XSL-LIST Mailing List Archive Home] [By Thread] [By Date] [Recent Entries] [Reply To This Message]

RE: Re: css or xsl for increasing size of first letter

Subject: RE: Re: css or xsl for increasing size of first letter in chapter?
From: "Michael Leditschke" <mike@xxxxxxxxxxx>
Date: Mon, 5 Aug 2002 11:47:20 +1000
css increase first letter
If you wanted to use CSS, you could
use Dimitre's stylesheet to add a span 
element around to the first letters, 
then use a class attribute on the span 
class to control the appearance of
its contents.

The advantage of this approach is that
it keeps the presentational stuff in CSS
thus minimising the need to touch the 
XSL stylesheet if your appearance requirements
change.

Regards
Michael

> -----Original Message-----
> From: owner-xsl-list@xxxxxxxxxxxxxxxxxxxxxx
> [mailto:owner-xsl-list@xxxxxxxxxxxxxxxxxxxxxx]On Behalf Of Dimitre
> Novatchev
> Sent: Sunday, 4 August 2002 4:45 PM
> To: xsl-list@xxxxxxxxxxxxxxxxxxxxxx
> Subject:  Re: css or xsl for increasing size of first letter in
> chapter?
> 
> 
> 
> --- Phillip Rhodes <spamsucks at rhoderunner dot com> wrote:
> 
> > Hi everyone.
> > I am trying to increase the size of the very first letter for each
> > chapter in an xhtml document. I have used the css pseudo class
> > "first-letter" to do it, but it selects all the p elements in a
> > chapter, not just the first.
> > 
> > p:first-letter {
> > font-size: 16pt;
> > }
> > 
> > I could use xsl to make the first child p of the chapter a special
> > class of p like <p class="firstsentence">
> > 
> > Sort of like
> > p.firstsentence:first-letter
> > 
> > But not sure if this is the way to go...., any handy XSL tricks for
> > this?
> > Thanks!
> > 
> > <html>
> > <body>
> > <chapter>
> > <p>This is chapter 1</p>
> > <p>another sentence</p>
> > </chapter>
> > <chapter>
> > <p>This is chapter 2</p>
> > </chapter>
> > </body>
> > </html>
> 
> Hi Philip,
> 
> The following transformation does it:
> 
> <xsl:stylesheet version="1.0" 
>  xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
>   
>   <xsl:template match="@*|node()">
>     <xsl:copy>
>       <xsl:apply-templates select="@*|node()"/>
>     </xsl:copy>
>   </xsl:template>
>   
>   <xsl:template match="chapter/p[1]//text()[1]">
>     <font size="+2">
>       <xsl:value-of select="substring(., 1, 1)"/>
>     </font>
>     <xsl:value-of select="substring(., 2)"/>
>   </xsl:template>
> </xsl:stylesheet>
> 
> It is a customisation of the identity rule, adding a specific rule for
> the first text node within the first "p" in a "chapter". 
> 
> The text is split into two -- the first character is wrapped within an
> appropriate html element ("font" in this case), and the rest of the
> text is simply copied.
> 
> With your source xml:
> 
> <html>
>   <body>
>     <chapter>
>       <p>This is chapter 1</p>
>       <p>another sentence</p>
>     </chapter>
>     <chapter>
>       <p>This is chapter 2</p>
>     </chapter>
>   </body>
> </html>
> 
> the result of applying this transformation is:
> 
> <html>
>    <body>
>       <chapter>
>          <p><font size="+2">T</font>his is chapter 1
>          </p>
>          <p>another sentence</p>
>       </chapter>
>       <chapter>
>          <p><font size="+2">T</font>his is chapter 2
>          </p>
>       </chapter>
>    </body>
> </html>
> 
> 
> and this is displayed by a browser with the first characters of any
> chapter visibly bigger.
> 
> Hope this helped.
> 
> 
> 
> =====
> Cheers,
> 
> Dimitre Novatchev.
> http://fxsl.sourceforge.net/ -- the home of FXSL
> 
> __________________________________________________
> Do You Yahoo!?
> Yahoo! Health - Feel better, live better
> http://health.yahoo.com
> 
>  XSL-List info and archive:  http://www.mulberrytech.com/xsl/xsl-list
> 
> 


 XSL-List info and archive:  http://www.mulberrytech.com/xsl/xsl-list


Current Thread

PURCHASE STYLUS STUDIO ONLINE TODAY!

Purchasing Stylus Studio from our online shop is Easy, Secure and Value Priced!

Buy Stylus Studio Now

Download The World's Best XML IDE!

Accelerate XML development with our award-winning XML IDE - Download a free trial today!

Don't miss another message! Subscribe to this list today.
Email
First Name
Last Name
Company
Subscribe in XML format
RSS 2.0
Atom 0.3
Site Map | Privacy Policy | Terms of Use | Trademarks
Free Stylus Studio XML Training:
W3C Member
Stylus Studio® and DataDirect XQuery ™are products from DataDirect Technologies, is a registered trademark of Progress Software Corporation, in the U.S. and other countries. © 2004-2013 All Rights Reserved.