I have made this Code for a collection of different Songs with different genres.
So you are able to make a nice list subdivided in genres.
My Problem is now, when I try to print the List with my Printer, a new genre always starts at a new page, even if there is enough place for a part of the new genre-list on the page before.
i tried "page-break-inside", "page-break-before" and "page-break-after" in different ways, but it doesn't fit.
can somebody tell me what to do? thx
Her the example fpr what I mean:
[img=http://img371.imageshack.us/img371/7070/problemsq7.th.jpg]
$filename(Songliste.html)
<html>
<head>
<style type="text/css"><!--
* {font-family:Verdana, Arial, sans-serif; background:#ffffff; color:#000000;}
.titel1 {font-size:20pt; margin-top:0px; margin-bottom:0px; font-weight:bold;}
.titel2 {font-size:14pt; margin-top:0px; margin-bottom:3px;}
.content1 {font-size:14pt; margin-top:0px; margin-bottom:0px; font-weight:bold;}
.content2 {font-size:8pt; margin-top:0px; margin-bottom:7px; font-style:italic;}
a:link {color:#000000; text-decoration:none;}
a:visited {color:#000000; text-decoration:none;}
a:hover {color:#ff0000; text-decoration:none;}
a:active {color:#ff0000; text-decoration:none;}
#site {
width:760px;
margin:0px auto;
text-align:left;
}
#menu {
font-size:10pt;
padding:10px 0px;
border-top:2px solid #000000;
}
#content1 {
border:1px solid #000000;
padding:5px;
margin-bottom:5px;
}
#content2 {
font-size:8pt;
float:right;
}
#c3a, #c3b, #c3c, #c3d {
font-size:10pt;
margin-top:0px;
margin-bottom:0px;
}
#c3a, #c3b, #c3c {
float:left;
}
#c3a, #c3e {
clear:both;
}
#c3b, #c3c {
padding-right:10px;
border-bottom-style:dashed;
border-bottom-width:1px;
}
#c3a {
font-style:italic;
}
#c3b {
width:300px;
font-weight:bold;
}
#c3c {
width:350px;
}
#c3d {
float:right;
}
//--></style>
<title>%_workingdir%</title>
</head><body><a id="top"></a>
<div id="site">
<!-- Die Titelzeile -->
<p class="titel1">%_workingdir% sortiert nach Genre</p>
<p class="titel2">%_total_files% Songs mit %_total_time2% Stunden Gesamtspiellänge</p>
<!-- Das Menü -->
<div id="menu">
$loop(%genre%,1)
<a href="#genre%_counter%">(%genre%)</a>
$loopend()
</div>
<!-- Der Inhalt -->
$loop(%genre%)
<a id="genre%_counter%"></a>
<div id="content1">
<div id="content2"><a href="#top">(nach oben)</a></div>
<p class="content1">%genre%</p>
<p class="content2">... %_total_files% Song(s) mit %_total_time2% Stunden Gesamtspiellänge</p>
$loop(%genre%)
$loop(%_filename_ext%)
<div id="c3a">$num(%_counter%,3): </div>
<div id="c3b">%artist%</div>
<div id="c3c">%title%</div>
<div id="c3d">%_length%</div>
$loopend()
<div id="c3e"></div>
</div>
$loopend()
$loopend()
</div>
</body>
</html>