470,563 Members | 2,426 Online
Bytes | Developer Community
New Post

Home Posts Topics Members FAQ

Post your question to a community of 470,563 developers. It's quick & easy.

What where is the error in my XSLT document?

I am just getting started in XML and I made my first xml, dtd and xslt
file and XML spy said they were all valid and they worked.

This was the xslt doc that worked.
<?xml version="1.0" encoding="UTF-8"?>
<xsl:stylesheet version="1.0"
xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:output method="html" version="1.0" encoding="UTF-8"
indent="yes"/>
<xsl:template match="/">
<html>
<head>
<title>p00ts f4ct0r</title>
<style type="text/css">
body,td,th {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
}
body {
background-color: #006600;
}
a:link {
color: #FF6600;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #FF6600;
}
a:hover {
text-decoration: underline;
color: #FF6600;
}
a:active {
text-decoration: none;
color: #FF6600;
}
.test {
width: 300px;
}
</style>
</head>
<body>
<p><xsl:apply-templates select="toaddocument/title"/></p>
<br/>
<p><xsl:apply-templates select="toaddocument/author"/></p>
<br/>
<br/>
<div class="test">
<p align="justify"><xsl:apply-templates
select="toaddocument/section1"/></p>
</div>
<br/>
<p><xsl:apply-templates select="toaddocument/section2"/></p>
<br/>
<p><xsl:apply-templates select="toaddocument/section3"/></p>
<br/>
<br/>
<br/>
<p><xsl:apply-templates select="toaddocument/score"/></p>
</body>
</html>
</xsl:template>
</xsl:stylesheet>

It's very basic and was more or less a test.
So then I took the code from my w3c validated xhtml made site and put
it into the xslt and I have problems.

In IE it just shows a white page. Firefox shows everything but the
background is white. I can't seem to change it at all.

Here is that code, can anyone see what the problem is?

<?xml version="1.0" encoding="UTF-8"?>
<xsl:stylesheet version="1.0"
xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:output method="html" version="1.0" encoding="UTF-8"
indent="yes"/>
<xsl:template match="/">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>website template</title>
<meta name="author" content="toadwarrior" />
<meta name="robots" content="all" />
<script type="text/javascript">
<!--
var _nwWnd
function go(url, features) {
closeWin();
_nwWnd = window.open(url, "title", features);
_nwWnd.focus();
}

function closeWin(){
if(_nwWnd && !_nwWnd.closed && _nwWnd.open) {
_nwWnd.close();
_nwWnd=null;
}
}

// -->
</script>
<style type="text/css">
body,td,th { font-family: Arial, Helvetica, sans-serif; font-size:
12px; color: #FFFFFF; }

body { background-color: #006600; }

..cssnav
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(http://www.toadwarrior.com/images/over.jpg) no-repeat;
white-space: nowrap;
display: block;
width: 85px;
height: 22px;
margin: 0;
padding: 0;
}

..cssnav a
{
display: block;
color: #000000;
font-size: 11px;
width: 85px;
height: 22px;
display: block;
float: left;
color: #FFFFFF;
text-decoration: none;
}

..cssnav img
{
width: 85px;
height: 22px;
border: 0
}

* html a:hover
{
visibility:visible
}

..cssnav a:hover img
{
visibility:hidden
}

..cssnav span
{
position: absolute;
left: 8px;
top: 4px;
margin: 0px;
padding: 0px;
cursor: pointer;
}
..links {
position: absolute;
left: 166px;
top: 28px;
z-index: 2;
}
..qbabe {
position: absolute;
left: 10px;
top: 10px;
z-index: 1;
}
..logo {
position: absolute;
left: 250px;
top: 0px;
z-index: 1;
}
..content {
position: absolute;
left: 166px;
top: 220px;
z-index: 2;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
color: #000000;
background-color: #8c7f62;
padding: 5px;
height: 400px;
width: 734px;
border: 1px solid #000000;
z-index: 2;
}
..copy {
position: absolute;
left: 10px;
top: 522px;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
color: #000000;
background-color: #70654a;
padding: 5px;
width: 126px;
border: none;
z-index: 2;
}
..copy a:link {
color: #FFFFFF;
text-decoration: none;
}
..copy a:visited {
text-decoration: none;
color: #FFFFFF;
}
..copy a:hover {
text-decoration: underline;
color: #FFFFFF;
}
..copy a:active {
text-decoration: none;
color: #FFFFFF;
}
..content a:link {
color: #FFFFFF;
text-decoration: none;
}
..content a:visited {
text-decoration: none;
color: #FFFFFF;
}
..content a:hover {
text-decoration: underline;
color: #FFFFFF;
}
..content a:active {
text-decoration: none;
color: #FFFFFF;
}
</style>
</head>
<body>
<!-- The Bond-like Girl On Page -->
<div class="qbabe" title="quake bird">
<img src="http://www.toadwarrior.com/images/qbabe.gif" width="126"
height="389" alt="qbabe" />
</div>
<!-- The Logo -->
<div class="logo" title="logo">
<img src="http://www.toadwarrior.com/images/logo.gif" width="709"
height="211" alt="toadwarrior.com logo" />
</div>
<!-- Navigation Links -->
<div class="links" title="links">
 <div class="cssnav">
<a href="http://www.toadwarrior.com/index.php" title="home"><img

src="http://www.toadwarrior.com/images/link.jpg" alt="home"
/><span>home</span> </a>
</div>
<div class="cssnav">
<a href="http://www.toadwarrior.com/quake.php" title="quake"><img

src="http://www.toadwarrior.com/images/link.jpg" alt="quake"
/><span>quake</span> </a>
</div>
<div class="cssnav">
<a href="http://www.toadwarrior.com/flash.php" title="flash
images"><img

src="http://www.toadwarrior.com/images/link.jpg" alt="flash images"
/><span>flash / images</span> </a>
</div>
<div class="cssnav">
<a href="http://www.toadwarrior.com/write.php" title="writing"><img

src="http://www.toadwarrior.com/images/link.jpg" alt="writing"
/><span>writing</span> </a>
</div>
<div class="cssnav">
<a href="http://www.toadwarrior.com/links.php" title="links"><img

src="http://www.toadwarrior.com/images/link.jpg" alt="links"
/><span>links</span> </a>
</div>
<div class="cssnav">
<a href="http://www.toadwarrior.com/about.php" title="about"><img

src="http://www.toadwarrior.com/images/link.jpg" alt="about"
/><span>about</span> </a>
</div></div>
<!-- Copyright Info -->
<div class="copy" title="copyright">
 <p>
2005 <a href="http://www.toadwarrior.org"
target="_blank">ToadWarrior</a>. No part of this site may be used

without permission.
</p>
<p>
My other sites:<br />
<a href="http://www.curiosityshoppe.org"
target="_blank">Curiosityshoppe.Org</a><br />
<a href="http://www.gameboyhq.net"
target="_blank">GameboyHQ.Net</a><br />
<a href="http://www.toadwarrior.com/gbhq/index.html"
target="_blank">GBHQ v1.0 Archive</a>
</p>
<p>
<a href="http://www.macromedia.com/go/getflashplayer/"
target="_blank"><img

src="http://www.toadwarrior.com/images/get_flashplayer.gif" width="88"
height="31" border="0" alt="download flash

for use on toadwarrior.com" /></a>
<br />
<a href="http://www.macromedia.com" target="_blank"><img
src="http://www.toadwarrior.com/images/studiomx.gif"

width="88" height="31" border="0" alt="toadwarrior.com is made with
studio mx" /></a>
<br />
<a href="http://validator.w3.org/check?uri=referer"
target="_blank"><img src="http://www.w3.org/Icons/valid-

xhtml10" alt="Valid XHTML 1.0 Transitional" height="31" width="88"
border="0" /></a>
</p></div>
<!-- Content -->
<div class="content" title="content">
<p align="justify">
<p><xsl:apply-templates select="toaddocument/title"/></p>
<br/>
<p><xsl:apply-templates select="toaddocument/author"/></p>
<xsl:apply-templates select="toaddocument/section1"/></p>
<p><xsl:apply-templates select="toaddocument/section2"/></p>
<p><xsl:apply-templates select="toaddocument/section3"/></p>
<p><xsl:apply-templates select="toaddocument/score"/></p>
</div>
</body>
</html>
</xsl:template>
</xsl:stylesheet>

Sep 8 '05 #1
2 1510
FrankStallone wrote:
I am just getting started in XML and I made my first xml, dtd and xslt
file and XML spy said they were all valid and they worked.

This was the xslt doc that worked.
[snip]


I am not going to read all your code,
but all i can say is, that it is better
to perform the xsl transformation server-side,

client side implementations are not so perfect.
Sep 8 '05 #2
Perhaps it is a problem with the AltovaXML processor - try using an
XSLT Debugger that uses more reliable industry standard XSLT processors
like Apache Xalan, MSXML 3.0, MSXML 4.0, System.XML (Microsoft .NET) or
Saxon. http://www.stylusstudio.com/xslt_debugger.html

Sincerely,
The Stylus Studio Team
http://www.stylusstudio.com
FrankStallone wrote:
I am just getting started in XML and I made my first xml, dtd and xslt
file and XML spy said they were all valid and they worked.

This was the xslt doc that worked.
<?xml version="1.0" encoding="UTF-8"?>
<xsl:stylesheet version="1.0"
xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:output method="html" version="1.0" encoding="UTF-8"
indent="yes"/>
<xsl:template match="/">
<html>
<head>
<title>p00ts f4ct0r</title>
<style type="text/css">
body,td,th {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
}
body {
background-color: #006600;
}
a:link {
color: #FF6600;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #FF6600;
}
a:hover {
text-decoration: underline;
color: #FF6600;
}
a:active {
text-decoration: none;
color: #FF6600;
}
.test {
width: 300px;
}
</style>
</head>
<body>
<p><xsl:apply-templates select="toaddocument/title"/></p>
<br/>
<p><xsl:apply-templates select="toaddocument/author"/></p>
<br/>
<br/>
<div class="test">
<p align="justify"><xsl:apply-templates
select="toaddocument/section1"/></p>
</div>
<br/>
<p><xsl:apply-templates select="toaddocument/section2"/></p>
<br/>
<p><xsl:apply-templates select="toaddocument/section3"/></p>
<br/>
<br/>
<br/>
<p><xsl:apply-templates select="toaddocument/score"/></p>
</body>
</html>
</xsl:template>
</xsl:stylesheet>

It's very basic and was more or less a test.
So then I took the code from my w3c validated xhtml made site and put
it into the xslt and I have problems.

In IE it just shows a white page. Firefox shows everything but the
background is white. I can't seem to change it at all.

Here is that code, can anyone see what the problem is?

<?xml version="1.0" encoding="UTF-8"?>
<xsl:stylesheet version="1.0"
xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:output method="html" version="1.0" encoding="UTF-8"
indent="yes"/>
<xsl:template match="/">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>website template</title>
<meta name="author" content="toadwarrior" />
<meta name="robots" content="all" />
<script type="text/javascript">
<!--
var _nwWnd
function go(url, features) {
closeWin();
_nwWnd = window.open(url, "title", features);
_nwWnd.focus();
}

function closeWin(){
if(_nwWnd && !_nwWnd.closed && _nwWnd.open) {
_nwWnd.close();
_nwWnd=null;
}
}

// -->
</script>
<style type="text/css">
body,td,th { font-family: Arial, Helvetica, sans-serif; font-size:
12px; color: #FFFFFF; }

body { background-color: #006600; }

.cssnav
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(http://www.toadwarrior.com/images/over.jpg) no-repeat;
white-space: nowrap;
display: block;
width: 85px;
height: 22px;
margin: 0;
padding: 0;
}

.cssnav a
{
display: block;
color: #000000;
font-size: 11px;
width: 85px;
height: 22px;
display: block;
float: left;
color: #FFFFFF;
text-decoration: none;
}

.cssnav img
{
width: 85px;
height: 22px;
border: 0
}

* html a:hover
{
visibility:visible
}

.cssnav a:hover img
{
visibility:hidden
}

.cssnav span
{
position: absolute;
left: 8px;
top: 4px;
margin: 0px;
padding: 0px;
cursor: pointer;
}
.links {
position: absolute;
left: 166px;
top: 28px;
z-index: 2;
}
.qbabe {
position: absolute;
left: 10px;
top: 10px;
z-index: 1;
}
.logo {
position: absolute;
left: 250px;
top: 0px;
z-index: 1;
}
.content {
position: absolute;
left: 166px;
top: 220px;
z-index: 2;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
color: #000000;
background-color: #8c7f62;
padding: 5px;
height: 400px;
width: 734px;
border: 1px solid #000000;
z-index: 2;
}
.copy {
position: absolute;
left: 10px;
top: 522px;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
color: #000000;
background-color: #70654a;
padding: 5px;
width: 126px;
border: none;
z-index: 2;
}
.copy a:link {
color: #FFFFFF;
text-decoration: none;
}
.copy a:visited {
text-decoration: none;
color: #FFFFFF;
}
.copy a:hover {
text-decoration: underline;
color: #FFFFFF;
}
.copy a:active {
text-decoration: none;
color: #FFFFFF;
}
.content a:link {
color: #FFFFFF;
text-decoration: none;
}
.content a:visited {
text-decoration: none;
color: #FFFFFF;
}
.content a:hover {
text-decoration: underline;
color: #FFFFFF;
}
.content a:active {
text-decoration: none;
color: #FFFFFF;
}
</style>
</head>
<body>
<!-- The Bond-like Girl On Page -->
<div class="qbabe" title="quake bird">
<img src="http://www.toadwarrior.com/images/qbabe.gif" width="126"
height="389" alt="qbabe" />
</div>
<!-- The Logo -->
<div class="logo" title="logo">
<img src="http://www.toadwarrior.com/images/logo.gif" width="709"
height="211" alt="toadwarrior.com logo" />
</div>
<!-- Navigation Links -->
<div class="links" title="links">
<div class="cssnav">
<a href="http://www.toadwarrior.com/index.php" title="home"><img

src="http://www.toadwarrior.com/images/link.jpg" alt="home"
/><span>home</span> </a>
</div>
<div class="cssnav">
<a href="http://www.toadwarrior.com/quake.php" title="quake"><img

src="http://www.toadwarrior.com/images/link.jpg" alt="quake"
/><span>quake</span> </a>
</div>
<div class="cssnav">
<a href="http://www.toadwarrior.com/flash.php" title="flash
images"><img

src="http://www.toadwarrior.com/images/link.jpg" alt="flash images"
/><span>flash / images</span> </a>
</div>
<div class="cssnav">
<a href="http://www.toadwarrior.com/write.php" title="writing"><img

src="http://www.toadwarrior.com/images/link.jpg" alt="writing"
/><span>writing</span> </a>
</div>
<div class="cssnav">
<a href="http://www.toadwarrior.com/links.php" title="links"><img

src="http://www.toadwarrior.com/images/link.jpg" alt="links"
/><span>links</span> </a>
</div>
<div class="cssnav">
<a href="http://www.toadwarrior.com/about.php" title="about"><img

src="http://www.toadwarrior.com/images/link.jpg" alt="about"
/><span>about</span> </a>
</div></div>
<!-- Copyright Info -->
<div class="copy" title="copyright">
<p>
2005 <a href="http://www.toadwarrior.org"
target="_blank">ToadWarrior</a>. No part of this site may be used

without permission.
</p>
<p>
My other sites:<br />
<a href="http://www.curiosityshoppe.org"
target="_blank">Curiosityshoppe.Org</a><br />
<a href="http://www.gameboyhq.net"
target="_blank">GameboyHQ.Net</a><br />
<a href="http://www.toadwarrior.com/gbhq/index.html"
target="_blank">GBHQ v1.0 Archive</a>
</p>
<p>
<a href="http://www.macromedia.com/go/getflashplayer/"
target="_blank"><img

src="http://www.toadwarrior.com/images/get_flashplayer.gif" width="88"
height="31" border="0" alt="download flash

for use on toadwarrior.com" /></a>
<br />
<a href="http://www.macromedia.com" target="_blank"><img
src="http://www.toadwarrior.com/images/studiomx.gif"

width="88" height="31" border="0" alt="toadwarrior.com is made with
studio mx" /></a>
<br />
<a href="http://validator.w3.org/check?uri=referer"
target="_blank"><img src="http://www.w3.org/Icons/valid-

xhtml10" alt="Valid XHTML 1.0 Transitional" height="31" width="88"
border="0" /></a>
</p></div>
<!-- Content -->
<div class="content" title="content">
<p align="justify">
<p><xsl:apply-templates select="toaddocument/title"/></p>
<br/>
<p><xsl:apply-templates select="toaddocument/author"/></p>
<xsl:apply-templates select="toaddocument/section1"/></p>
<p><xsl:apply-templates select="toaddocument/section2"/></p>
<p><xsl:apply-templates select="toaddocument/section3"/></p>
<p><xsl:apply-templates select="toaddocument/score"/></p>
</div>
</body>
</html>
</xsl:template>
</xsl:stylesheet>


Sep 8 '05 #3

This discussion thread is closed

Replies have been disabled for this discussion.

Similar topics

4 posts views Thread by Stephen | last post: by
17 posts views Thread by rox.scott | last post: by
3 posts views Thread by Teksure | last post: by
2 posts views Thread by al3x4nder | last post: by
1 post views Thread by Sergey Dubinets | last post: by
1 post views Thread by livre | last post: by
By using this site, you agree to our Privacy Policy and Terms of Use.