I have a 600 page pdf manual that I would like to put into our wiki,
mainly to make it accessible and searchable.
I ran a version of pdftohtml on it, and now I have 600 html pages that
with a little cleanup look (almost) quite nicely.
pdf and postscript carefully position every letter and word fragment.
pdftohtml uses css divs, and absolute positioning to do the same.
I take the html generated by pdftohtml, and strip out the <head>...</
head> stuff and a lot of other crap as well, javascript mostly. Then
I wrap it in
{{{
#!HTML
...
}}}
And place that in the wiki, and VOILA, everything works, well, except
that the footer matter, the buttons for editing, attaching a file,
deleting the page, downloading the page, the powered by trac stuff,
all of that appears smashed on top of my page, as though the
combination of the {{{#!HTML ..}}} with the divs and the absolute
positioning, rendered it invisible.
I've got some pretty simple examples, I am hoping someone can try it
and help me understand what I don't understand about CSS to get this
working better.
So the first example is two files to show you a working sample of what
I would like to see.
The second example is what I have entered into trac, so that you might
try that yourself and see what I do see.
First example.
File One: dash10.css a css file to be served by your trac
installation, mine is in htdocs/css/dash10.css
=====dash10.css==========
pos {position:absolute; display:block;}
.reset {position:absolute; display:block;}
=======================
File Two: an example glossary that works and looks like what pdftohtml
emits using divs and css:
=====gloss.htm======
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://
www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml";>
<head>
<title>Glossary</title>
<link rel="stylesheet" href="http://www.mycompany.com/projects/
mytrac/chrome/site/css/dash10.css" type="text/css" />
</head>
<body>
<div id="content" class="wiki">
<h1 id="glossary">Glossary</h1>
<div class="pos" style="top:85px; left:49px" >BARO</div>
<div class="pos" style="top:110px;left:49px" >BATT BCST</div>
<div class="pos" style="top:82px; left:249px">Barometric</div>
<div class="pos" style="top:107px;left:249px">Battery Broadcast</
div>
</div>
</body>
</html>
==================
==================
So if you save the top two files out, and place dash10.css in a place
that your server can serve it, and change the url that includes it in
gloss.htm accordingly, you should see a sample glossary. Two columns,
each column has two rows.
Now if I do the same in trac, I see the same columns but splashed
across them will be the [Edit this page] and [Attach file] and
download and powered by trac stuff. Ignoring the #!html wrapped
content.
To do this in trac 0.11, I installed the AddHeaders plugin so that
each page would include the dash10.css style sheet.
After installing the python appropriately, I configured AddHeaders in
trac.ini as follows:
[components]
tracaddheaders.* = enabled
[addheaders]
default_style_base = site/css/
add_styles = dash10
That part seems to work fine.
I use the exact same dash10.css style sheet, being served from the
same directory.
I created a trac page, and in that page I put:
----
{{{
#!html
<div class="pos" id="*85:49" style="top:85px;left:49px">BARO</div>
<div class="pos" id="*110:49" style="top:110px;left:49px">BATT BCST</
div>
<div class="pos" id="*82:249" style="top:82px;left:249px">Barometric</
div>
<div class="pos" id="*107:249" style="top:107px;left:249px">Battery
Broadcast</div>
}}}
----
If you have trac 0.11 serve that page up, you should see what I see,
the glossary table presented correctly in a table like fashion, and
then smashed on top of it, are the the footer matter, the buttons for
editing, attaching a file, deleting the page, downloading the page,
the powered by trac stuff, etc.
Can someone explain what I am failing to understand about trac and
css, and what I can do to get the footer matter to appear below my css
positioned divs?
Thank you,
Jerry
--
You received this message because you are subscribed to the Google Groups "Trac
Users" group.
To post to this group, send email to [email protected].
To unsubscribe from this group, send email to
[email protected].
For more options, visit this group at
http://groups.google.com/group/trac-users?hl=en.
