Discussion :

[deY!]

Bonjour,

J'ai un document svg auquel est attaché une feuille css. Malheureusement je n'arrive pas à appliquer les style de ma feuille css à mes éléments svg.

SVG:

Code :

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

<rect class="btn_menu" id="btn_select" height="20" width="50" x="0" y="0" onclick="setAction('select')" />

CSS:

Code :

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

1
2
3
4
5
rect.btn_menu {
  fill:yellow;
  stroke:black;
  stroke-width:1px;
}

Si je ne définit dans mon css seulement "rect" ça fonctionne, l'inconvénient c'est que je ne souhaite pas que ce style soit appliqué à TOUS les rectangles.

Je suis sur IE 6, avec le Plug SVG Viewer d'Adobe.

Merci.

[Bisûnûrs]

Et si tu enlève le rect de rect.btn_menu ?

[deY!]

J'ai deja essayé et ça ne fonctionne pas... Je vais me tirer une balle...

J'ai ça en en-tête

Code :

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

1
2
3
4
5
6
7
<?xml version="1.0" standalone="no" ?>
<?xml-stylesheet href="/templates_t/css/style.css" type="text/css"?>
 
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd" [ 
        <!ENTITY ns_svg "http://www.w3.org/2000/svg">
        <!ENTITY ns_xlink "http://www.w3.org/1999/xlink">
 ]>

Même en plaçant le css dans des balises

Code :

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

1
2
3
 
<style type="text/css"><![CDATA[
 ]]></style>

ça ne fonctionne pas..

[deY!]

Pour info, j'ai un "Bad CSS Selector" qui s'affiche dans la barre d'état sur IE 6.

[MasterOfChakhaL]

Peut-être est-ce un problème de namespace...

FAQ XML: Qu'est ce qu'un espace de noms (namespace) ?

[deY!]

J'ai cherché toute la journée et je n'ai rien trouvé de spécial... ceux que j'ai placé sont correct et à ma connaissance il n'en existe pas pour le css...

Je suis un peu au bout du rouleau avec ce CSS, j'aimerais bien optimisé mon code...