Linking to a separate CSS in XSL

[Jyrki Keisala]

I am a newbie in using XSL to transform my XML documents into HTML. Let's say I have an XML like this:

foo.xml:

<?xml version="1.0" ?>
<?xml:stylesheet type="text/xsl" href="foo.xsl"?>

<root>

<element>
<name>Brian</name>
<email></email>
</element>

<element>
<name>Jeff</name>
<email></email>
</element>
..
..
</root>

Now I'd like to convert my XML data into a HTML table, by using the XSL.
The basic trick I can handle:

foo.xsl:

<?xml version="1.0"?>
<xsl:stylesheet xmlns:xsl="http://www.w3.org/TR/WD-xsl"> <xsl:template match="/">

<html>

<head>
<title>My contacts</title>
</head>

<body>
<h1>All of my contacts in one huge table</h1>
<p>
An ordinary paragraph of text.
</p>
<table border="1">
<tr>
<td>Name</td>
<td>E-mail address</td>
</tr>
<xsl:for-each select="root/element">
<tr>
<td><xsl:value-of select="name"/></td>
<td><xsl:value-of select="email"/></td>
</tr>
</xsl:for-each>
</table>
</body>

</html>

</xsl:template>
</xsl:stylesheet>

Question: what if I want to format the HTML table created by a separate CSS file, say "my_style.css"? That file includes the normal CSS style definitions like

my_style.css:

p,table,li,h1,h2,h3
{
font-family: verdana, arial, 'sans serif';
}

p, h1, h2, h3, table, li, hr
{
margin-left: 10pt;
}

p,li,th,td
{
font-size: 75%;
}

Where in my XSL can I put the link to a separate CSS, to take all of that style formatting into use in my XSL-generated HTML table? Or is there some other mechanism for that in XSL?

 

[Maarten Wiltink]

[...]

Now I'd like to convert my XML data into a HTML table, by using the XSL.
The basic trick I can handle:

foo.xsl:

<?xml version="1.0"?>
<xsl:stylesheet xmlns:xsl="http://www.w3.org/TR/WD-xsl"> <xsl:template match="/">

<html>

<head>
<title>My contacts</title>

</head>

</html>

</xsl:template>
</xsl:stylesheet>

Question: what if I want to format the HTML table created by a separate CSS file, say "my_style.css"? That file includes the normal CSS style definitions like

See above. The idea is that the output HTML document refers to the stylesheet.

Groetjes,
Maarten Wiltink

 

[Jyrki Keisala]

[...]

Now I'd like to convert my XML data into a HTML table, by using the XSL. The basic trick I can handle:

foo.xsl:

<?xml version="1.0"?>
<xsl:stylesheet xmlns:xsl="http://www.w3.org/TR/WD-xsl"> <xsl:template match="/">

<html>

<head>
<title>My contacts</title>

</head>

</html>

</xsl:template>
</xsl:stylesheet>

Question: what if I want to format the HTML table created by a separate CSS file, say "my_style.css"? That file includes the normal CSS style definitions like

See above. The idea is that the output HTML document refers to the stylesheet.

Groetjes,
Maarten Wiltink

Are you actually using that trick? I tried to do just that, but got an error message from the IE.

 

[Martin Honnen]

I am a newbie in using XSL to transform my XML documents into HTML.

foo.xsl:

Are you sure you want that namespace http://www.w3.org/TR/WD-xsl? The correct namespace for XSLT 1.0 is http://www.w3.org/1999/XSL/Transform. Only older IE versions should support http://www.w3.org/TR/WD-xsl but the language defined by that namespace is different from XSLT 1.0.

 

[Martin Honnen]

[...]

Now I'd like to convert my XML data into a HTML table, by using the XSL. The basic trick I can handle:

foo.xsl:

<?xml version="1.0"?>
<xsl:stylesheet xmlns:xsl="http://www.w3.org/TR/WD-xsl"> <xsl:template match="/">

<html>

<head>
<title>My contacts</title>

Add <link rel="stylesheet" type="text/css" href="my_style.css"/> here.

</head>

</html>

</xsl:template>
</xsl:stylesheet>

Question: what if I want to format the HTML table created by a separate CSS file, say "my_style.css"? That file includes the normal CSS style definitions like

See above. The idea is that the output HTML document refers to the stylesheet.

Groetjes,
Maarten Wiltink

Are you actually using that trick? I tried to do just that, but got an error message from the IE.

Which error message?