Suivez les fils RSS
 
Rechercher dans le sujet :
Forum
» Technologie XML et formats de données
» [RESOLU] Style bizarre avec Firefox
Auteur
Scualito
# 24 Feb 2010 - 16:06:46
Citer
4 Posts
 Hello,

Je rencontre pas mal de problème avec le CSS et ma transformation XSL...
Par exemple, si vous effectuez l'exemple ci-dessous, sous Firefox (3.5), les borders des TD sont très épaisses genre 2 ou 3 px alors que je spécifie bien que je veux qu'elles soient de 1px...

Un autre problème...
Encore dans l'exemple ci dessous, vous verrez que j'ai mis "en dur" le Width dans les TD... tout simplement parce que si je mets le width dans le style... et ben ce n'est pas du tout pris en compte...
Là encore, tout va bien avec IE.

Merci d'avance pour toute l'aide que vous pourrez m'apporter !

Le XML : 


<?xml version="1.0" encoding="iso-8859-1"?>

<?xml-stylesheet type="text/xsl" href="xsl.xsl"?>

<entries sort="data1" order="ascending" col1="1" col2="1" col3="0" col4="0" col5="0" col6="1" col7="1" lib1="Nom Base" lib2="Référence bases" lib3="" lib4="" lib5="" lib6="" lib7="">

  <entry id="1">

    <data1>

      <![CDATA[BC0]]></data1>

    <data2>

      <![CDATA[BC0.nsf]]></data2>

    <data3>

      <![CDATA[BC0 (BC0.nsf)|BC0.nsf]]></data3>

    <data4>

      <![CDATA[BC0 (BC0.nsf)]]></data4>

    <data5>

      <![CDATA[1]]></data5>

    <data6>

      <![CDATA[1]]></data6>

    <data7>

      <![CDATA[1]]></data7>

  </entry>

  <entry id="2">

    <data1>

      <![CDATA[BC1]]></data1>

    <data2>

      <![CDATA[BC1.nsf]]></data2>

    <data3>

      <![CDATA[BC1 (BC1.nsf)|BC1.nsf]]></data3>

    <data4>

      <![CDATA[BC1 (BC1.nsf)]]></data4>

    <data5>

      <![CDATA[1]]></data5>

    <data6>

      <![CDATA[1]]></data6>

    <data7>

      <![CDATA[1]]></data7>

  </entry>

  <entry id="3">

    <data1>

      <![CDATA[BC2]]></data1>

    <data2>

      <![CDATA[BC2.nsf]]></data2>

    <data3>

      <![CDATA[BC2 (BC2.nsf)|BC2.nsf]]></data3>

    <data4>

      <![CDATA[BC2 (BC2.nsf)]]></data4>

    <data5>

      <![CDATA[2]]></data5>

    <data6>

      <![CDATA[2]]></data6>

    <data7>

      <![CDATA[2]]></data7>

  </entry>

  <entry id="4">

    <data1>

      <![CDATA[BC3]]></data1>

    <data2>

      <![CDATA[BC3.nsf]]></data2>

    <data3>

      <![CDATA[BC3 (BC3.nsf)|BC3.nsf]]></data3>

    <data4>

      <![CDATA[BC3 (BC3.nsf)]]></data4>

    <data5>

      <![CDATA[1]]></data5>

    <data6>

      <![CDATA[1]]></data6>

    <data7>

      <![CDATA[1]]></data7>

  </entry>

  <entry id="5">

    <data1>

      <![CDATA[BC4]]></data1>

    <data2>

      <![CDATA[BC4.nsf]]></data2>

    <data3>

      <![CDATA[BC4 (BC4.nsf)|BC4.nsf]]></data3>

    <data4>

      <![CDATA[BC4 (BC4.nsf)]]></data4>

    <data5>

      <![CDATA[1]]></data5>

    <data6>

      <![CDATA[1]]></data6>

    <data7>

      <![CDATA[1]]></data7>

  </entry>

  <entry id="6">

    <data1>

      <![CDATA[FO]]></data1>

    <data2>

      <![CDATA[FO.nsf]]></data2>

    <data3>

      <![CDATA[FO (FO.nsf)|FO.nsf]]></data3>

    <data4>

      <![CDATA[FO (FO.nsf)]]></data4>

    <data5>

      <![CDATA[1]]></data5>

    <data6>

      <![CDATA[1]]></data6>

    <data7>

      <![CDATA[1]]></data7>

  </entry>

  <entry id="7">

    <data1>

      <![CDATA geidedb ]></data1>

    <data2>

      <![CDATA[geidedb.nsf]]></data2>

    <data3>

      <![CDATA[geidedb (geidedb.nsf)|geidedb.nsf]]></data3>

    <data4>

      <![CDATA[geidedb (geidedb.nsf)]]></data4>

    <data5>

      <![CDATA[1]]></data5>

    <data6>

      <![CDATA[1]]></data6>

    <data7>

      <![CDATA[1]]></data7>

  </entry>

  <entry id="8">

    <data1>

      <![CDATA[Info Service]]></data1>

    <data2>

      <![CDATA[infservi.nsf]]></data2>

    <data3>

      <![CDATA[Info Service (infservi.nsf)|infservi.nsf]]></data3>

    <data4>

      <![CDATA[Info Service (infservi.nsf)]]></data4>

    <data5>

      <![CDATA[1]]></data5>

    <data6>

      <![CDATA[1]]></data6>

    <data7>

      <![CDATA[1]]></data7>

  </entry>

  <entry id="9">

    <data1>

      <![CDATA[LbzNews CCIV]]></data1>

    <data2>

      <![CDATA[lbznews.nsf]]></data2>

    <data3>

      <![CDATA[LbzNews CCIV (lbznews.nsf)|lbznews.nsf]]></data3>

    <data4>

      <![CDATA[LbzNews CCIV (lbznews.nsf)]]></data4>

    <data5>

      <![CDATA[1]]></data5>

    <data6>

      <![CDATA[1]]></data6>

    <data7>

      <![CDATA[1]]></data7>

  </entry>

  <entry id="10">

    <data1>

      <![CDATA[Vedos]]></data1>

    <data2>

      <![CDATA[vedos.nsf]]></data2>

    <data3>

      <![CDATA[Vedos (vedos.nsf)|vedos.nsf]]></data3>

    <data4>

      <![CDATA[Vedos (vedos.nsf)]]></data4>

    <data5>

      <![CDATA[1]]></data5>

    <data6>

      <![CDATA[1]]></data6>

    <data7>

      <![CDATA[1]]></data7>

  </entry>

</entries>


Le XSL (le CSS a été mis dans la balise style) : 


<?xml version="1.0" encoding="ISO-8859-1"?>

<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version="1.0">

  <xsl:variable name="myCol1" select="entries/@col1" />

  <xsl:variable name="myCol2" select="entries/@col2" />

  <xsl:variable name="myCol3" select="entries/@col3" />

  <xsl:variable name="myCol4" select="entries/@col4" />

  <xsl:variable name="myCol5" select="entries/@col5" />

  <xsl:variable name="myCol6" select="entries/@col6" />

  <xsl:variable name="myCol7" select="entries/@col7" />

  <xsl:template match="/">

    <html>

      <head>

        <style>body {font-family:arial;font-size:18;padding:0;margin:0;} td.col1 {border-style:solid;border-color:#000000;border-top-width:0;border-left-width:0;border-right-width:0;border-bottom-width:1;border-collapse:collapse;} td.col2 {border-style:solid;border-color:#000000;border-top-width:0;border-left-width:0;border-right-width:0;border-bottom-width:1;border-collapse:collapse;} td.col6 {text-align:center;border-style:solid;border-color:#000000;border-top-width:0;border-left-width:0;border-right-width:0;border-bottom-width:1;border-collapse:collapse;} td.col7 {text-align:center;border-style:solid;border-color:#000000;border-top-width:0;border-left-width:0;border-right-width:0;border-bottom-width:1;border-collapse:collapse;}</style>

      </head>

      <body>

        <table cellspacing="0" cellpadding="0">

          <xsl:variable name="libCol1" select="entries/@lib1" />

          <xsl:variable name="libCol2" select="entries/@lib2" />

          <xsl:variable name="libCol3" select="entries/@lib3" />

          <xsl:variable name="libCol4" select="entries/@lib4" />

          <xsl:variable name="libCol5" select="entries/@lib5" />

          <xsl:variable name="libCol6" select="entries/@lib6" />

          <xsl:variable name="libCol7" select="entries/@lib7" />

         

          <tr>

          <xsl:if test="$myCol1='1'">

            <td class="entcol1" onclick="javascript:tri('data1');">

              <xsl:value-of select="$libCol1" />

            </td>

          </xsl:if>

          <xsl:if test="$myCol2='1'">

            <td class="entcol2" onclick="javascript:tri('data2');">

              <xsl:value-of select="$libCol2" />

            </td>

          </xsl:if>

          <xsl:if test="$myCol3='1'">

            <td class="entcol3" onclick="javascript:tri('data3');">

              <xsl:value-of select="$libCol3" />

            </td>

          </xsl:if>

          <xsl:if test="$myCol4='1'">

            <td class="entcol4" onclick="javascript:tri('data4');">

              <xsl:value-of select="$libCol4" />

            </td>

          </xsl:if>

          <xsl:if test="$myCol5='1'">

            <td class="entcol5" onclick="javascript:tri('data5');">

              <xsl:value-of select="$libCol5" />

            </td>

          </xsl:if>

          <xsl:if test="$myCol6='1'">

            <td class="entcol6" onclick="javascript:tri('data6');">

              <xsl:value-of select="$libCol6" />

            </td>

          </xsl:if>

          <xsl:if test="$myCol7='1'">

            <td class="entcol7" onclick="javascript:tri('data7');">

              <xsl:value-of select="$libCol7" />

            </td>

          </xsl:if>

          </tr>

         

          <xsl:variable name="mySort" select="entries/@sort" />

          <xsl:variable name="myOrder" select="entries/@order" />

          <xsl:apply-templates select="entries/entry">

            <xsl:sort select="*[name()=$mySort]" order="{$myOrder}"/>

          </xsl:apply-templates>

        </table>

      </body>

    </html>

  </xsl:template>

  <xsl:template match="entry">

    <tr>

      <xsl:if test="$myCol1='1'">

        <td width="250" class="col1">

          <xsl:value-of select="data1"/>

        </td>

      </xsl:if>

      <xsl:if test="$myCol2='1'">

        <td width="150" class="col2">

          <xsl:value-of select="data2"/>

        </td>

      </xsl:if>

      <xsl:if test="$myCol3='1'">

        <td class="col3">

          <xsl:value-of select="data3"/>

        </td>

      </xsl:if>

      <xsl:if test="$myCol4='1'">

        <td class="col4">

          <xsl:value-of select="data4"/>

        </td>

      </xsl:if>

      <xsl:if test="$myCol5='1'">

        <td class="col5">

          <xsl:value-of select="data5"/>

        </td>

      </xsl:if>

      <xsl:if test="$myCol6='1'">

        <td width="30" class="col6">

          <xsl:value-of select="data6"/>

        </td>

      </xsl:if>

      <xsl:if test="$myCol7='1'">

        <td width="30" class="col7">

          <xsl:value-of select="data7"/>

        </td>

      </xsl:if>

    </tr>

  </xsl:template>

</xsl:stylesheet>


Ps : Dommage qu'on ne puisse pas prévisualiser son post... cligne
Modifié par Scualito (01 Mar 2010 - 10:46)
^
Mikachu
# 24 Feb 2010 - 18:11:53
Citer
C'est quand les vacances ?
Modérateur
5136 Posts
 Salut,

Scualito a écrit :
Ps : Dommage qu'on ne puisse pas prévisualiser son post... cligne

Euuuh, si à l'aide du bouton "prévisualiser" à coté du bouton "envoyer rolleyes
Une page en ligne ou au moins l'intégralité du code html et css ça aide à vous aider plus vite !
http://www.mikachudesign.com/ 
^
Scualito
# 25 Feb 2010 - 09:20:48
Citer
4 Posts
 Euuuh... Effectivement, quand tu réponds à un sujet, il y a bien le bouton "Prévisualiser".

Mais quand tu crées un sujet... Il n'y est pas... Ou alors, il faut que j'arrête la gnole le matin ! smile


Et sinon, pas d'avis sur mon problème ?? decu

^
Mikachu
# 25 Feb 2010 - 09:50:45
Citer
C'est quand les vacances ?
Modérateur
5136 Posts
 Salut,

Il n'y est effectivement pas à la création, c'est bien dommage d'ailleurs. Je n'avais jamais remarqué à vrai dire.

Pour ton problème, il ne va malheureusement pas falloir compter sur moi, car je pense avec une certitude absolue que tu en connais bien plus que moi sur XSL (d'ailleurs c'est même rare que je tape ces 3 lettres à la suite) ! ravi
Modifié par Mikachu (25 Feb 2010 - 09:51)
Une page en ligne ou au moins l'intégralité du code html et css ça aide à vous aider plus vite !
http://www.mikachudesign.com/ 
^
Scualito
# 25 Feb 2010 - 17:12:30
Citer
4 Posts
 Toujours personne pour m'aider... bawling

^
jo_link_noir
# 28 Feb 2010 - 18:18:33
Citer
298 Posts
 Salut,

Y a une erreur :
  <entry id="7">

    <data1>

      <![CDATA[ geidedb ]]></data1> /*ici avec [ et ] oublier*/


Sinon en ajoutant "px" ça marche cligne
doc jquery, doc javascript, doc php
(php.net/la_fonction_chercher)
msn 
^
Scualito
# 01 Mar 2010 - 10:44:36
Citer
4 Posts
 Ah........ Effectivement. eek

Première fois que je rencontre ce genre d'erreur (les px). D'habitude ca ne me pose pas de pb. Sans doute que les nouvelles versions de Firefox sont plus sensibles à ce genre de manquement...

Quant aux [ et ] manquant... C'est bizarre, ils sont présents dans ma source originale... rolleyes

Un grand merci toi en tout cas ! Je n'y aurais pas pensé seul !
^
Le sujet est clos.
Aller à