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
J'ai lié à cette page une feuille de style externe default.css dont voici une partie du code:
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>
default.css
Le problème est qu'apparement aucune proprièté css ne s'appliquent au code svg.
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; }
Comment corriger cela?
Merci
Partager