XML avec XSLT et CSS : la CSS n'est pas prise en compte -> ?

**souffle56** · 05/03/2010, 21h09

Bonjour,
Voilà, j'ai un petit programme qui fonctionne très bien (voir codes ci-dessous), sauf que le fichier CSS ne semble pas pris en compte par ma page XSLT (le texte aurait dû s'afficher en rouge !).
Y a t-il quelque chose que je n'aurais pas programmé correctement ?
Si vous avez quelque suggestion, par avance Merci !

Code XML:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
<?xml version="1.0" encoding="UTF-8" ?>
<?xml-stylesheet type="text/xsl" href="Audios/Audios.xsl"?>
 
<enregistrements>
   <audios>
      <enseignements>
         <auteur nom="Gaston">
            <album titre="Le Bonjour de Gaston">
            </album>
         </auteur>
      </enseignements>
   </audios>
</enregistrements>

Code XSLT:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<?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" encoding="utf-8" 
doctype-public="-//W3C//DTD XHTML 1.0 Transitional//EN" 
doctype-system="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"/>
 
<xsl:template match="/">
 
<html xmlns="http://www.w3.org/1999/xhtml">	
<head>
 
<title>Audio</title>
 
<link type="text/css" rel="stylesheet" href="Audios_css_Firefox.css" />
 
</head>
<body bgcolor="#FFFFFF">
 
<div id="Titre" style="position:absolute; width:700px; z-index:1; left: 100px; top:22px">
<xsl:value-of select="enregistrements/audios/enseignements/auteur/album/@titre"/>
</div>
 
</body>
</html>
 
</xsl:template>
</xsl:stylesheet>

Code CSS (Fichier "Audios_css_Firefox.css"):

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
 
#Titre
{
   color: #9E352F; /* Texte en rouge */
   font-weight: bold; /* Texte en gras */
   font-size: 12  ; 
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}

PS : A noter que si j'intègre directement le contenu de la CSS dans la partie <head></head> du fichier XLST, comme ci-dessous, ça fonctionne, le texte apparait bien en rouge !

Quelqu'un saurait m'expliquer ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
<head>
<title>Audio</title>
 
<style type="text/css">
#Titre
{
   color: #9E352F; /* Texte en rouge */
   font-weight: bold; /* Texte en gras */
   font-size: 12  ; 
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}
</style>
</head>

**polymorphisme** · 06/03/2010, 12h40

Bonjour,

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<link type="text/css" rel="stylesheet" href="Audios_css_Firefox.css" />

C'est le seul élément de ton code ne contenant qu'une seule balise.

**Morbo** · 06/03/2010, 14h35

J'avais essayé ce genre de combinaison l'an dernier et les navigateurs ne le supportaient pas et on dirait que c'est toujours le cas

.

Je fais donc xml+xsl coté serveur et xhtml+css coté client.

**souffle56** · 06/03/2010, 21h32

Bonjour polymorphisme,
Tu saurais préciser ta remarque... pas tout compris !

**souffle56** · 07/03/2010, 00h32

Sinon, Morbo, quand tu dis :

Je fais donc xml+xsl coté serveur et xhtml+css coté client.

-> Saurais-tu m'en préciser un peu plus, car ça a l'air intéressant, comme approche !

(exemple / au code ou adresse Internet / ce thème, par exemple...)

**Morbo** · 07/03/2010, 01h06

Rien de révolutionaire, tu fais ta transfo xml+xsl=>xhtml coté serveur via une techo type php ou java. Le navigateur lira le résultat de cette tranformation (xhtml) et appliquera le css.

XML avec XSLT et CSS : la CSS n'est pas prise en compte -> ?

XSL/XSLT/XPATH XML

Vue hybride

Discussions similaires

Partager

Partager