zurück zur Startseite
  

Registrieren Hilfe Benutzerliste Heutige Beiträge

Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Probleme beim ausdrucken

Antwort
Seite 1 von 2 1 2
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 08.12.2008, 10:24
Neuer Benutzer
neuer user
Thread-Ersteller
  
Registriert seit: 08.12.2008
Beiträge: 6
clumsy befindet sich auf einem aufstrebenden Ast
Standard Probleme beim ausdrucken
Hi,

ich habe ein Problem mit dem Ausdrucken dieser Seite. Eine neue Genre-Liste beginnt immer auf der nächsten Seite, wenn der Platz auf der aktuellen Seite nicht mehr ausreicht. Wie kann ich das beheben? Ich weiß mir nicht zu helfen.

HTML-Code:
<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>Lieder</title>
</head><body><a id="top"></a>

<div id="site">


<!--  Die Titelzeile  -->

<p class="titel1">Lieder sortiert nach Genre</p>

<p class="titel2">256 Songs mit 00:04:16 Stunden Gesamtspiellänge</p>


<!--  Das Menü  -->

<div id="menu">
	
	<a href="#genre1">(Genre1)</a>&nbsp;
	
	<a href="#genre2">(Genre2)</a>&nbsp;
	
	<a href="#genre3">(Genre3)</a>&nbsp;
	

</div>


<!--  Der Inhalt  -->


<a id="genre1"></a>
<div id="content1">
<div id="content2"><a href="#top">(nach oben)</a></div>
<p class="content1">Genre1</p>
<p class="content2">... 50 Song(s) mit 00:00:50 Stunden Gesamtspiellänge</p>

	
	<p class="c3a">001:&nbsp;</p>

	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">002:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>

	<p class="c3d">00:01</p>
	
	<p class="c3a">003:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">004:&nbsp;</p>

	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">005:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>

	<p class="c3d">00:01</p>
	
	<p class="c3a">006:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">007:&nbsp;</p>

	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">008:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>

	<p class="c3d">00:01</p>
	
	<p class="c3a">009:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">010:&nbsp;</p>

	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">011:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>

	<p class="c3d">00:01</p>
	
	<p class="c3a">012:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">013:&nbsp;</p>

	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">014:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>

	<p class="c3d">00:01</p>
	
	<p class="c3a">015:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">016:&nbsp;</p>

	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">017:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>

	<p class="c3d">00:01</p>
	
	<p class="c3a">018:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">019:&nbsp;</p>

	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">020:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>

	<p class="c3d">00:01</p>
	
	<p class="c3a">021:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">022:&nbsp;</p>

	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">023:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>

	<p class="c3d">00:01</p>
	
	<p class="c3a">024:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">025:&nbsp;</p>

	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">026:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>

	<p class="c3d">00:01</p>
	
	<p class="c3a">027:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">028:&nbsp;</p>

	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">029:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>

	<p class="c3d">00:01</p>
	
	<p class="c3a">030:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">031:&nbsp;</p>

	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">032:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>

	<p class="c3d">00:01</p>
	
	<p class="c3a">033:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">034:&nbsp;</p>

	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">035:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>

	<p class="c3d">00:01</p>
	
	<p class="c3a">036:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">037:&nbsp;</p>

	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">038:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>

	<p class="c3d">00:01</p>
	
	<p class="c3a">039:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">040:&nbsp;</p>

	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">041:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>

	<p class="c3d">00:01</p>
	
	<p class="c3a">042:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">043:&nbsp;</p>

	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">044:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>

	<p class="c3d">00:01</p>
	
	<p class="c3a">045:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">046:&nbsp;</p>

	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">047:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>

	<p class="c3d">00:01</p>
	
	<p class="c3a">048:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">049:&nbsp;</p>

	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">050:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>

	<p class="c3d">00:01</p>
	
	<p class="c3e"></p>
</div>


<a id="genre2"></a>
<div id="content1">
<div id="content2"><a href="#top">(nach oben)</a></div>
<p class="content1">Genre2</p>
<p class="content2">... 50 Song(s) mit 00:00:50 Stunden Gesamtspiellänge</p>

	
	<p class="c3a">001:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">002:&nbsp;</p>
	<p class="c3b">Interpret</p>

	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">003:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>

	
	<p class="c3a">004:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">005:&nbsp;</p>
	<p class="c3b">Interpret</p>

	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">006:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>

	
	<p class="c3a">007:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">008:&nbsp;</p>
	<p class="c3b">Interpret</p>

	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">009:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>

	
	<p class="c3a">010:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">011:&nbsp;</p>
	<p class="c3b">Interpret</p>

	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">012:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>

	
	<p class="c3a">013:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">014:&nbsp;</p>
	<p class="c3b">Interpret</p>

	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">015:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>

	
	<p class="c3a">016:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">017:&nbsp;</p>
	<p class="c3b">Interpret</p>

	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">018:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>

	
	<p class="c3a">019:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">020:&nbsp;</p>
	<p class="c3b">Interpret</p>

	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">021:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>

	
	<p class="c3a">022:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">023:&nbsp;</p>
	<p class="c3b">Interpret</p>

	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">024:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>

	
	<p class="c3a">025:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">026:&nbsp;</p>
	<p class="c3b">Interpret</p>

	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">027:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>

	
	<p class="c3a">028:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">029:&nbsp;</p>
	<p class="c3b">Interpret</p>

	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">030:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>

	
	<p class="c3a">031:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">032:&nbsp;</p>
	<p class="c3b">Interpret</p>

	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">033:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>

	
	<p class="c3a">034:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">035:&nbsp;</p>
	<p class="c3b">Interpret</p>

	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">036:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>

	
	<p class="c3a">037:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">038:&nbsp;</p>
	<p class="c3b">Interpret</p>

	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">039:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>

	
	<p class="c3a">040:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">041:&nbsp;</p>
	<p class="c3b">Interpret</p>

	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">042:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>

	
	<p class="c3a">043:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">044:&nbsp;</p>
	<p class="c3b">Interpret</p>

	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">045:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>

	
	<p class="c3a">046:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">047:&nbsp;</p>
	<p class="c3b">Interpret</p>

	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">048:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>

	
	<p class="c3a">049:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">050:&nbsp;</p>
	<p class="c3b">Interpret</p>

	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3e"></p>
</div>


<a id="genre3"></a>
<div id="content1">
<div id="content2"><a href="#top">(nach oben)</a></div>
<p class="content1">Genre3</p>

<p class="content2">... 156 Song(s) mit 00:02:36 Stunden Gesamtspiellänge</p>

	
	<p class="c3a">001:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">002:&nbsp;</p>

	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">003:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>

	<p class="c3d">00:01</p>
	
	<p class="c3a">004:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">005:&nbsp;</p>

	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">006:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>

	<p class="c3d">00:01</p>
	
	<p class="c3a">007:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">008:&nbsp;</p>

	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">009:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>

	<p class="c3d">00:01</p>
	
	<p class="c3a">010:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">011:&nbsp;</p>

	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">012:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>

	<p class="c3d">00:01</p>
	
	<p class="c3a">013:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">014:&nbsp;</p>

	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">015:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>

	<p class="c3d">00:01</p>
	
	<p class="c3a">016:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">017:&nbsp;</p>

	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">018:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>

	<p class="c3d">00:01</p>
	

	<p class="c3a">019:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">020:&nbsp;</p>

	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">021:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>

	<p class="c3d">00:01</p>
	
	<p class="c3a">022:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">023:&nbsp;</p>

	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">024:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>

	<p class="c3d">00:01</p>
	
	<p class="c3a">025:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">026:&nbsp;</p>

	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">027:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>

	<p class="c3d">00:01</p>
	
	<p class="c3a">028:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">029:&nbsp;</p>

	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">030:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>

	<p class="c3d">00:01</p>
	
	<p class="c3a">031:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">032:&nbsp;</p>

	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">033:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>

	<p class="c3d">00:01</p>
	
	<p class="c3a">034:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">035:&nbsp;</p>

	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">036:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>

	<p class="c3d">00:01</p>
	
	<p class="c3a">037:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">038:&nbsp;</p>

	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">039:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>

	<p class="c3d">00:01</p>
	
	<p class="c3a">040:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">041:&nbsp;</p>

	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">042:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>

	<p class="c3d">00:01</p>
	
	<p class="c3a">043:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">044:&nbsp;</p>

	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">045:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>

	<p class="c3d">00:01</p>
	
	<p class="c3a">046:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">047:&nbsp;</p>

	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">048:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>

	<p class="c3d">00:01</p>
	
	<p class="c3a">049:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">050:&nbsp;</p>

	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">051:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>

	<p class="c3d">00:01</p>
	
	<p class="c3a">052:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">053:&nbsp;</p>

	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">054:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>

	<p class="c3d">00:01</p>
	
	<p class="c3a">055:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">056:&nbsp;</p>

	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">057:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>

	<p class="c3d">00:01</p>
	
	<p class="c3a">058:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">059:&nbsp;</p>

	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">060:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>

	<p class="c3d">00:01</p>
	
	<p class="c3a">061:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">062:&nbsp;</p>

	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">063:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>

	<p class="c3d">00:01</p>
	
	<p class="c3a">064:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">065:&nbsp;</p>

	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">066:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>

	<p class="c3d">00:01</p>
	
	<p class="c3a">067:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">068:&nbsp;</p>

	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">069:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>

	<p class="c3d">00:01</p>
	
	<p class="c3a">070:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">071:&nbsp;</p>

	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">072:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>

	<p class="c3d">00:01</p>
	
	<p class="c3a">073:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">074:&nbsp;</p>

	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">075:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>

	<p class="c3d">00:01</p>
	
	<p class="c3a">076:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">077:&nbsp;</p>

	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">078:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>

	<p class="c3d">00:01</p>
	
	<p class="c3a">079:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">080:&nbsp;</p>

	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">081:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>

	<p class="c3d">00:01</p>
	
	<p class="c3a">082:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">083:&nbsp;</p>

	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">084:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>

	<p class="c3d">00:01</p>
	
	<p class="c3a">085:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">086:&nbsp;</p>

	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">087:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>

	<p class="c3d">00:01</p>
	
	<p class="c3a">088:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">089:&nbsp;</p>

	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">090:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>

	<p class="c3d">00:01</p>
	
	<p class="c3a">091:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">092:&nbsp;</p>

	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">093:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>

	<p class="c3d">00:01</p>
	
	<p class="c3a">094:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">095:&nbsp;</p>

	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">096:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>

	<p class="c3d">00:01</p>
	
	<p class="c3a">097:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">098:&nbsp;</p>

	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">099:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>

	<p class="c3d">00:01</p>
	
	<p class="c3a">100:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">101:&nbsp;</p>

	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">102:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>

	<p class="c3d">00:01</p>
	
	<p class="c3a">103:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">104:&nbsp;</p>

	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">105:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>

	<p class="c3d">00:01</p>
	
	<p class="c3a">106:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">107:&nbsp;</p>

	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">108:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>

	<p class="c3d">00:01</p>
	
	<p class="c3a">109:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">110:&nbsp;</p>

	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">111:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>

	<p class="c3d">00:01</p>
	
	<p class="c3a">112:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">113:&nbsp;</p>

	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">114:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>

	<p class="c3d">00:01</p>
	
	<p class="c3a">115:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">116:&nbsp;</p>

	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">117:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>

	<p class="c3d">00:01</p>
	
	<p class="c3a">118:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">119:&nbsp;</p>

	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">120:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>

	<p class="c3d">00:01</p>
	
	<p class="c3a">121:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">122:&nbsp;</p>

	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">123:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>

	<p class="c3d">00:01</p>
	
	<p class="c3a">124:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">125:&nbsp;</p>

	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">126:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>

	<p class="c3d">00:01</p>
	
	<p class="c3a">127:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">128:&nbsp;</p>

	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">129:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>

	<p class="c3d">00:01</p>
	
	<p class="c3a">130:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">131:&nbsp;</p>

	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">132:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>

	<p class="c3d">00:01</p>
	
	<p class="c3a">133:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">134:&nbsp;</p>

	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">135:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>

	<p class="c3d">00:01</p>
	
	<p class="c3a">136:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">137:&nbsp;</p>

	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">138:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>

	<p class="c3d">00:01</p>
	
	<p class="c3a">139:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">140:&nbsp;</p>

	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">141:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>

	<p class="c3d">00:01</p>
	
	<p class="c3a">142:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">143:&nbsp;</p>

	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">144:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>

	<p class="c3d">00:01</p>
	
	<p class="c3a">145:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">146:&nbsp;</p>

	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">147:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>

	<p class="c3d">00:01</p>
	
	<p class="c3a">148:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">149:&nbsp;</p>

	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">150:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>

	<p class="c3d">00:01</p>
	
	<p class="c3a">151:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">152:&nbsp;</p>

	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">153:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>

	<p class="c3d">00:01</p>
	
	<p class="c3a">154:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">155:&nbsp;</p>

	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>
	<p class="c3d">00:01</p>
	
	<p class="c3a">156:&nbsp;</p>
	<p class="c3b">Interpret</p>
	<p class="c3c">Titel</p>

	<p class="c3d">00:01</p>
	
	<p class="c3e"></p>
</div>



</div>
</body>
</html>
zum erstellen dieser Seite habe ich folgende Maske:

HTML-Code:
$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>&nbsp;
	$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%)
	<p class="c3a">$num(%_counter%,3):&nbsp;</p>
	<p class="c3b">%artist%</p>
	<p class="c3c">%title%</p>
	<p class="c3d">%_length%</p>
	$loopend()
	<p class="c3e"></p>
</div>
$loopend()
$loopend()

</div>
</body>
</html>
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 08.12.2008, 12:36
Benutzerbild von hubspe
Eisen 7 ole....
XHTMLforum-Kenner
  
Registriert seit: 22.06.2007
Ort: Passau
Beiträge: 7.086
hubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblick
Standard
Mahlzeit,

weiß nicht so genau was du meinst.

die Seitenumbrüche erfolgen in den Browser an unterschiedlicher Stelle.
Falls du die Seitenumbrüche einheitlich haben willst, dann kannst du z.B. in deiner druck.css page-break-after:always; oder page-break-before:always; definieren.
__________________
Ein mehrfacher Gruß aus dem Südosten
Klaus
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 08.12.2008, 15:47
Neuer Benutzer
neuer user
Thread-Ersteller
  
Registriert seit: 08.12.2008
Beiträge: 6
clumsy befindet sich auf einem aufstrebenden Ast
Standard
Die Seitenumbrüche erfolgen immer an der gleichen Stelle, sowohl mit dem IE, als auch mit Firefox. Es wird immer nach der Songanzahl und Gesamtlängen Angabe eines Genres umgebrochen, wenn die darauf folgende Liste nicht mehr auf die Seite passt, und das würde ich gerne beheben, weiß aber nicht wie.

Ich habe hier mal eine Grafik hochgeladen, die das Problem besser verdeutlicht:


Mit page-break-after:always; oder page-break-before:always; oder page-break-after:avoid; oder page-break-before:avoid; erziele ich nicht das gewünschte Ergebnis.

Muss man vielleicht etwas umscripten, damit es greift?
Geändert von clumsy (08.12.2008 um 16:16 Uhr)
Mit Zitat antworten
  #4 (permalink)  
Alt 08.12.2008, 17:09
Benutzerbild von hubspe
Eisen 7 ole....
XHTMLforum-Kenner
  
Registriert seit: 22.06.2007
Ort: Passau
Beiträge: 7.086
hubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblick
Standard
Tach,

Zitat:
Zitat von clumsy Beitrag anzeigen
Mit page-break-after:always; oder page-break-before:always; oder page-break-after:avoid; oder page-break-before:avoid; erziele ich nicht das gewünschte Ergebnis.
versteh ich nicht?

Du könntest doch praktisch nach jeder Zeile ein page-break-after setzen, sodaß jedes Blatt nur eine Zeile hat.
So kannst du doch explizit steuern wieviel Seiten du willst und an welcher Stelle genau umgebrochen werden soll.
__________________
Ein mehrfacher Gruß aus dem Südosten
Klaus
Mit Zitat antworten
  #5 (permalink)  
Alt 08.12.2008, 17:28
Neuer Benutzer
neuer user
Thread-Ersteller
  
Registriert seit: 08.12.2008
Beiträge: 6
clumsy befindet sich auf einem aufstrebenden Ast
Standard
warum verstehst du mich denn nicht?
vielleicht drücke ich mich ja auch blöd aus...

ich möchte halt nicht, dass auf fast jeder seite der letzte teil unten ungenutzt ist. er soll jede Zeile auf jedem Blatt nutzen, und nicht so wie beim Screenshot einfach auf der nächsten Seite fortsetzen obwohl noch Platz auf der davor ist.

ich weiß nicht wie ich mich jetzt noch großartig anders ausdrücken soll...
weißt du was ich meine?

Guck mal:
Hier ist doch eigentlich noch Platz für ein paar Zeilen, dieser Platz wird aber merkwürdiger Weise nicht genutzt, sondern es wird einfach auf der nächsten Seite begonnen... Warum??
Geändert von clumsy (08.12.2008 um 17:33 Uhr)
Mit Zitat antworten
  #6 (permalink)  
Alt 08.12.2008, 17:41
Benutzerbild von hubspe
Eisen 7 ole....
XHTMLforum-Kenner
  
Registriert seit: 22.06.2007
Ort: Passau
Beiträge: 7.086
hubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblick
Standard
Hi,

okay jetzet.

Da kann ich dir leider keine Lösung für anbieten.
__________________
Ein mehrfacher Gruß aus dem Südosten
Klaus
Mit Zitat antworten
  #7 (permalink)  
Alt 08.12.2008, 22:05
{ display: random;}
XHTMLforum-Kenner
  
Registriert seit: 08.09.2004
Ort: Stuttgart
Beiträge: 5.034
andir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblick
Standard
Ohne das nachgeprüft zu haben, sehe ich das Problem in der Art und Weise wie du float verwendest. Allerdings solltest Du dich davon verabschieden zu hoffen, mit einem Druckstylesheet könne man Wunderdinge machen.... oder wenigstens das was du willst, die Browser sind da manchmal unterschiedlich.

@ Semantik:

Bei deiner inflationären und unterschiedslosen Verwendung von p's sträuben sich mir die Nackenhaare Warum verwendest Du keine geordnete Liste??
Code:
<ol><li>
               <span class="interprete"></span><span class="songtitle"></span><span class="time"></span>
              </li>
        </ol>
Das Problem der Nummerierung wäre erledigt. Der Rest ( auch die spans als display:block) wird nach links gefloatet und hinterher vor Schließen der orderd list gecleart. Ob das dein Problem direkt löst, bezweifele ich. Verstehe es als Anregung.
__________________
Grüsse Andreas- auch mal wieder da...

Design isn't about the tools, it's about creating the best experience for the user. A design should be based on usability, accesibility, aesthetics, but never on floats, lists or background images. ( by Cameron Adams)
Wiedergelesen: > hier und hier

[Foren-Links] Dein Post? Klar, DAS vorher gelesen? Hilft. ## User-Landkarte
Mit Zitat antworten
  #8 (permalink)  
Alt 09.12.2008, 00:36
Neuer Benutzer
neuer user
Thread-Ersteller
  
Registriert seit: 08.12.2008
Beiträge: 6
clumsy befindet sich auf einem aufstrebenden Ast
Standard
Also die Tags sind mir völlig unbekannt gewesen.
An meiner Art zu programieren merkt man sicherlich genau, dass ich noch recht unerfahren bin. Für neue Vorschläge bin ich allerings immer offen.

mir ist jetzt noch nicht richtig klar, was denn der Unterschied von <p> und <span> ist, versuche es noch gerade herauszufinden...

vielen dank für die Anregung, ich werds versuchen.
Mit Zitat antworten
  #9 (permalink)  
Alt 09.12.2008, 01:22
Benutzerbild von Dieter
Erfahrener Benutzer
XHTMLforum-Kenner
  
Registriert seit: 12.09.2003
Beiträge: 3.635
Dieter sorgt für eine eindrucksvolle AtmosphäreDieter sorgt für eine eindrucksvolle Atmosphäre
Standard
Hallo, clumsy!

Sieht auch nicht so aus, als hättest Du getrennte Stylesheets für Monitor und Druck angelegt, oder?

So etwa:
Code:
<link rel="stylesheet" type="text/css" media="screen,projection" href="css/gucken.css" />
<link rel="stylesheet" type="text/css" media="print" href="css/drucken.css" />
__________________
Informationen aus Koblenz-Metternich
-----------------------------------
"Wissen heißt, Fragen zu erwerben."
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 09.12.2008, 01:29
Neuer Benutzer
neuer user
Thread-Ersteller
  
Registriert seit: 08.12.2008
Beiträge: 6
clumsy befindet sich auf einem aufstrebenden Ast
Standard
getrennte stylesheets für monitor und drucker möchte ich auch garnicht haben. so wie es auf dem monitor ist, soll es auch ausgedruckt werden.

der tipp mit der geordneten Liste war echt gut! damit kann ich fast alle macken beheben =)
Geändert von clumsy (09.12.2008 um 03:57 Uhr)
Mit Zitat antworten
Sponsored Links
Antwort
Seite 1 von 2 1 2

« Vorheriges Thema | Nächstes Thema »

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.
BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus

Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Probleme mit der Navigation der_durden CSS 6 02.01.2009 17:28
paar Probleme mit dem CSS Layout SimonK. CSS 6 05.10.2008 14:57
IE: Probleme mit ul-Menü Ares CSS 4 18.10.2006 11:42
Probleme beim rendering mit IE6 sileo CSS 24 18.10.2005 22:00
border-left Probleme CoreX76 CSS 3 21.12.2003 21:37


Alle Zeitangaben in WEZ +2. Es ist jetzt 07:23 Uhr.

Datenschutzerklärung - Impressum - Archiv - Nach oben

Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2024, vBulletin Solutions, Inc.

© Dirk H. 2003 - 2023