bug in slidy
"Peter F. Patel-Schneider" <[email protected]>
| Newsgroups | gmane.comp.web.html-tidy.user |
|---|---|
| Message-ID | <[email protected]> |
Hi:
There seems to be a bug in lists in Slidy.
The attached file displays in what I think is an incorrect manner in
Firefox 1.5.
The unordered list inside ordered list looks OK, but the ordered list
inside unordered list looks something like:
Unordered list
* ordered list
* ordered list
Unordered list
* ordered list
* ordered list
Where the *'s are solid discs.
I've fixed this problem via:
<style type="text/css">
div.slide + div[class].slide { page-break-before: auto;}
ul li { list-style-type: inherit; }
ol li { list-style-type: inherit; }
</style>
This also fixes a printing "bug" that prints each slide on a separate
page. However, a revamping of the list style entries is probably called
for instead of this simple patch.
Peter F. Patel-Schneider
bug.html
(text/html, 1.3 KB)
<?xml version="1.0" encoding="utf-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<title>Bug test for Slidy</title>
<script src="http://www.w3.org/Talks/Tools/Slidy/slidy.js" type="text/javascript" />
<link rel="stylesheet" href="http://www.w3.org/Talks/Tools/Slidy/slidy.css" type="text/css" media="screen, projection, print" />
</head>
<body>
<div class="slide cover">
<br clear="all" />
<h1>Bug test</h1>
<p>
<b>Peter F. Patel-Schneider</b> <br />
Bell Labs Research
</p>
</div>
<div class="slide">
<h1> Unordered list inside ordered list </h1>
<ol>
<li> Ordered list
<ul>
<li> Unordered list </li>
<li> Unordered list </li>
</ul>
</li>
<li> Ordered list
<ul>
<li> Unordered list </li>
<li> Unordered list </li>
</ul>
</li>
</ol>
</div>
<div class="slide">
<h1> Ordered list inside unordered list </h1>
<ul>
<li> Unordered list
<ol>
<li> ordered list </li>
<li> ordered list </li>
</ol>
</li>
<li> Unordered list
<ol>
<li> ordered list </li>
<li> ordered list </li>
</ol>
</li>
</ul>
</div>
</body>
</html>