Associer une feuille de style externe à un code svg généré

**Bownobo** · 07/09/2009, 09h48

Bonjour,

J'ai une page encodée en xhtml nommée files_index.php, celle-ci contient du code xhtml ainsi que du code svg généré automatiquement avec du php (Image_GraphViz). Une partie du code de la page ressemble à ceci:
files_index.php

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
 
<?xml version="1.0" encoding="UTF-8" standalone="no"?><?xml-stylesheet type="text/css" href="default.css" ?><html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:svg="http://www.w3.org/2000/svg"
      xml:lang="en">
 
<script type="text/javascript" src="library/prototype.js"></script>
<script type="text/javascript" src="library/graphviz.js"></script>
 
<body>
    <ul id="tabnav">
       <li><a href="functions_index.php">Fonctions</a></li>
       <li><a href="class_index.php">Classes</a></li>
       <li class="active"><a href="files_index.php">Fichiers</a></li>
       <li><a href="imports_index.php">Liens Fichiers</a></li>
       <li><a href="packages_index.php">Packages</a></li>
       <li><a href="imports_index.php">Imports</a></li>
    </ul>
    <div id="svg_container">
    <!-- Title: G Pages: 1 --> <svg width="12573pt" height="332pt"  viewBox="0.00 0.00 12573.00 332.00" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g id="graph0" class="graph" transform="scale(1 1) rotate(0) translate(4 328)"> <title>G</title> [...] </g> </svg>     </div>
</body>
</html>

J'ai lié à cette page une feuille de style externe default.css dont voici une partie du code:
default.css

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
 
#tabnav a 
{
   float: left;
   display: block;
   color: #666;
   text-decoration: none;
   padding: 4px;
}
 
 
#tabnav a:hover 
{
   background: #fff;
}
 
g
{
  color: beige;
}
svg 
{
  color: beige;
}

Le problème est qu'apparement aucune proprièté css ne s'appliquent au code svg.
Comment corriger cela?

Merci

**Bownobo** · 07/09/2009, 13h21

J'ai trouvé ce qui n'allait pas: je n'utilisait pas apparement les propriétés css propres aux éléments svg.

Associer une feuille de style externe à un code svg généré

CSS

Discussions similaires

Partager

Partager