docbook-apps message
[Date Prev]
| [Thread Prev]
| [Thread Next]
| [Date Next]
--
[Date Index]
| [Thread Index]
| [List Home]
Subject: Customizing html output
- From: "Bruno Rouchouse" <brouchouse@gmail.com>
- To: docbook-apps@lists.oasis-open.org
- Date: Tue, 28 Mar 2006 19:52:28 +0200
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]