OASIS Mailing List ArchivesView the OASIS mailing list archive below
or browse/search using MarkMail.

 


Help: OASIS Mailing Lists Help | MarkMail Help

docbook-apps message

[Date Prev] | [Thread Prev] | [Thread Next] | [Date Next] -- [Date Index] | [Thread Index] | [List Home]


Subject: Customizing html output


Hi list !

I'm currently using docbook-xml for the doc framework of my open source project. I have a problem for customizing my html output with CSS stylesheet due to the transformation performed by the xslt processor.

My xml file looks like this :
================

<article id="white-paper">
  <articleinfo>
    <title>The XENOMAI project : Implementing a RTOS emulation framework
      on GNU/Linux</title>
    <releaseinfo>First Edition</releaseinfo>
    <pubdate>January 2004</pubdate>
    <author>
      <firstname>XXXXX</firstname>
      <surname>YYYYYY</surname>   
    </author>
    <corpauthor>ZZZZZZZ</corpauthor>
    <copyright>
      <year>2004</year>
    </copyright>
   
    <abstract>
      <para>My abstract</para>
    </abstract>

    <legalnotice>
      <para>This is my legal notice that I put here... Be careful :
      this notice is legal!</para>
    </legalnotice>

  </articleinfo>


  <sect1 id="whitepaper" xreflabel="white paper">
    <title><phrase role="level1">White paper</phrase></title>

etc.

The HTML output generated is the following :
============================

<div class="article" lang="en">
<div class="titlepage"><div>
<div><h1 class="title">
<a name="white-paper"></a>The XENOMAI project : Implementing a RTOS emulation framework
      on GNU/Linux</h1></div>
<div><p class="releaseinfo">First Edition</p></div>
<div><div class="author"><h3 class="author">
<span class="firstname">XXXXXX</span> <span class="surname">YYYYYY</span>
</h3></div></div>
<div><p class="copyright">Copyright © 2004 </p></div>
<div><p class="pubdate">January 2004</p></div>
<div><a href=""ln-id241221.html">Legal" Notice</a></div>
<div><h3 class="corpauthor">ZZZZZZZZZ</h3></div>
<div><div class="abstract">
<p class="title"><b>Abstract</b></p>
<p>My Abstract</p>
<p>© 2002</p>
</div></div>
</div></div>
<div class="toc"><dl>
<dt><span class="sect1"><a href=""#whitepaper">1." <span class="level1">White paper</span></a></span></dt>
<dd><dl>
<dt><span class="sect2"><a href=""#introduction">1.1." <span class="level2">Introduction</span></a></span></dt>
<dt><span class="sect2"><a href=""#porting-rtos">1.2." Porting traditional RTOS-based applications to GNU/Linux</a></span></dt>
<dt><span class="sect2"><a href=""#common-framework">1.3." A common emulation framework</a></span></dt>
<dt><span class="sect2"><a href=""#xeno-approach">1.4." The Xenomai approach</a></span></dt>
<dt><span class="sect2"><a href=""#emulating-psos">1.5." Emulating pSOS+ on top of Xenomai</a></span></dt>
</dl></dd>
<dt><span class="sect1"><a href=""#autresection">2." Autre section</a></span></dt>
</dl></div>
<div class="sect1" lang="en">
<div class="titlepage"><div><div><h2 class="title" style="clear: both">
<a name="whitepaper"></a>1. <span class="level1">White paper</span></h2></div></div></div>
<div class="sect2" lang="en">
<div class="titlepage"><div><div><h3 class="title">
<a name="introduction"></a>1.1. <span class="level2">Introduction</span></h3></div></div></div>

My problem is the following
=================

I want the information given in the <articleinfo> part look differently than my sect1 title (and other titles too). However the <div class="titlepage"> prevent me from doing so. If I write for example the following CSS stylesheet :

div.article div.titlepage {
    border-top: 3px solid #7F9DD1;
    border-left: 3px solid #A4B7D5;
    border-right: 3px solid #A4B7D5;
    border-bottom: 3px solid #A4B7D5;
    background-color: #EBF2FA;
    color: #1E438D;
    padding-left: 12px;
    padding-right: 12px;
        text-align: justify;
}

the h2 tag of sect1 will automatically inherit from the div.titlepage given above and

div.sect1 div.h2 {
    font-family: Tahoma, Ariel, Helvetica, sans-serif;
    font-weight: bold;
        color: red;
        background-color: #0B307B;
}

doesn't work because titlepage is a child element of article anyway.

What surprises me is that the <articleinfo> tag in the xml file is not found in the html output. I guess this information could help me distinguish the titlepage of the <articleinfo> part from the titlepage of the different sections such as sect1 and sect2.

Does anybody have an idea how to solve this issue ? Is there something I can do in the xml file (I tried to use the "role" parameter but it didn't help) or is it just a CSS issue ?

Many thanks...

--
Bruno

ps: the generated file may be seen at http://www.kaliosten.net/xeno/white-paper.html. You can see the blue frame around the articleinfo information as well as around the titles of the article.


[Date Prev] | [Thread Prev] | [Thread Next] | [Date Next] -- [Date Index] | [Thread Index] | [List Home]