Syntax Error in my template


#1

Hi, I made my own template based on the html_dano_albumlist_js_ex, now as I wanted to try this out I get "[ SYNTAX ERROR IN FORMATTING STRING ]" in the output-file. Problem is that I'm totally new to this and can't find what I made wrong. Would be amazing if some could take look at it and tell what I was doing wrong...

$filename(%_workingdir%_albumlist_js_ex.html)<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Music</title>
<script language=JavaScript type=text/JavaScript>
<!--
function show(id) {
	if(document.getElementById("show" + id).style.display == ''none'') {
	document.getElementById("show" + id).style.display = '''';
}else{
	document.getElementById("show" + id).style.display = ''none'';
}
}
//-->
</SCRIPT>
<style type="text/css">
<!--
body {
	background-color: #000000;
	font-family: 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: normal;
	font-size-adjust: none;
	font-stretch: normal;
	text-align: center;
	margin: 0px;
	padding: 0px;
	color: #878787;
}
#header {
	width: 900px;
	text-align: left;
	vertical-align: middle;
	padding: 0px;
	margin-top: 30px;
	margin-right: auto;
	margin-bottom: 15px;
	margin-left: auto;
}
#nav {
	width: 900px;
	text-align: center;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #2c2c2c;
	vertical-align: middle;
	padding: 0px;
}
#footer {
	width: 900px;
	text-align: center;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #2c2c2c;
	vertical-align: middle;
	padding: 0px;
		font-size: 10px;
	color: #4E4E4E;
}
#content {
	width: 790px;
	text-align: left;
	padding: 0px;
	margin-right: auto;
	margin-left: auto;
	}
ul { margin: 0pt; padding: 0pt 0pt 1em; list-style-type: none; list-style-image: none; list-style-position: outside; }
ul.square { margin: 0pt 0pt 0pt 15px; padding: 0pt 0pt 1em; list-style-type: square; list-style-image: none; list-style-position: outside; }
ul.circle { margin: 0pt 0pt 0pt 15px; padding: 0pt 0pt 1em; list-style-type: circle; list-style-image: none; list-style-position: outside; }
ul.blank { margin: 0pt 0pt 0pt 15px; padding: 0pt 0pt 1em; list-style-type: none; }
li { padding-bottom: 0.3em; }
#nav li { margin: 0pt 38px 0pt 0pt; display: inline; }
#nav li a:link { text-decoration: none; color: #FFFFFF; font-size: 11px; font-weight: bold; }
#nav li a:visited { text-decoration: none; color: #FFFFFF; font-size: 11px; font-weight: bold; }
#nav li a:hover { color: rgb(68, 68, 68); }
#content h1 {
	margin: 0pt 0pt 0.5em;
	font-size: 24px;
	font-weight: normal;
	color: #FFFFFF;
}
#mainlnk {
	margin: 0pt;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}
#sublnk {
	margin: 0pt;
	color: #CCCCCC;
	text-decoration: none;
}

#content p { margin: 0pt 0pt 1em; }
#content p.intro {
	font-weight: bold;
	color: #878787;
}
-->
</style>
</head>

<body>
<div id="nav">	<ul>
		<li><a href="#" id="navtext">Classical</a></li>
		<li><a href="#" id="navtext">Heavy</a></li>
		<li><a href="#" id="navtext">Indie</a></li>
		<li><a href="#" id="navtext">Misc</a></li>
		<li><a href="#" id="navtext">Newage</a></li>
		<li><a href="#" id="navtext">Pop</a></li>
		<li><a href="#" id="navtext">Rock</a></li>
		<li><a href="#" id="navtext">Soundtrack</a></li>
</ul>

$loop(%album%,1)$loopend()%_max_counter% Albums in Classical listed...

Overall there are %_total_files% Files in the list with a total filesize of %_total_size%. This results a total Playtime of %_total_time% Hours.

To view the Albums of each Artist just click on the Name to expand the List, this is exactly the same how to view the Tracks of an Album. To make a request simply click on the ID-Number shown on the left of an Artist/Album and you'll be forwarded to a E-Mail form. Have fun!

$loop(%artist%)

<table width="785px" border="0" align="center" cellpadding="4">
$num(%_counter%,3) %artist% (contains $loop(%album%,1)$loopend() %_max_counter% Album(s), %_total_files% Files overall) $loop(%_folderpath%) $loopend()
$num(%_counter%,2) %album% (contains %_total_files% Files)
$loop(%_filename_ext%) [$num(%track%,2)] %title% $loopend() ($loop(%_filename_ext%) %_length% Minutes at %_bitrate% kbps $replace(%_codec%,Free Lossless Audio Codec,FLAC))$loopend()
$loopend()
Last Update on %_date%

#2

If you want to use the ' sign, you must write two of them: ''
[]$% also have a special function and must be escaped, like '[' or %%


#3

In the whole html-code?


#4

Tried that, the only thing i changed was font-family: 'Lucida Grande' to font-family: ''Lucida Grande'' , couldn't find anything else. Are the more characters than '[]$% or have i simply forgotten sth else?


#5

See it?


#6

Aight, thanks a lot, awesome! (: