[XSLT] 2 colonnes output

Bonjour a tous,

J'ai recherché un peu partout mais n'ai pas trouvé de réponse clair simple et compréhensible pour un noob de la transformation xslt.

Pourtant ce que je cherche est tout simple (enfin je suppose) et cela ne posera pas de problèmes à la plupart d'entre vous...

J'ai un fixhier xml que je ne peut pas modifier du type:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
 
<DocumentElement>
  <QueryResults>
    <EmployeeFirstName>Name 1</EmployeeFirstName>
    <EmployeeEMail>Email 1</EmployeeEMail>
  </QueryResults>
  <QueryResults>
    <EmployeeFirstName>Name 2</EmployeeFirstName>
    <EmployeeEMail>Email 2</EmployeeEMail>
  </QueryResults>
...
...
</DocumentElement>

Je voudrais tout simplement avoir un output sur 2 colonnes:

_______________________________
| Name 1 Email 1 | Name 2 Email 2 |
| Name 3 Email 3 | Name 4 Email 4 |
| Name 5 Email 5 | Name 6 Email 6 |
| Name 7 Email 7 | Name 8 Email 8 |

Avec Name 1 Email 1 formaté avec des <span>

En fait pour aller plus loin l'idée est d'avoir dans mon xml plus d'infos sur l'employé (nom, telépone...) et de faire une liste sur 2 colonnes de "cartes de visite".

En gros voici l'existant:

Code:

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
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
<?xml version="1.0" encoding="utf-8"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform" xmlns:msxsl="urn:schemas-microsoft-com:xslt" exclude-result-prefixes="msxsl" >
 
  <xsl:output method="html" indent="yes"/>
 
  <xsl:variable name="baseDir">http://extranet.dotnetnuke.com/portals/0/Employee</xsl:variable>
 
  <xsl:template match="//DocumentElement">
    <link href="{$baseDir}/employee.css" rel="stylesheet" type="text/css" />
 
    <xsl:apply-templates select="QueryResults" />
 
  </xsl:template>
 
  <xsl:template match="QueryResults">
    <div class="employee" style="background-color:white;">
      <img alt="No Photo Present" height="100" src="{$baseDir}/No.Photo.jpg" width="75" />
      <div class="organization">
        <h2>
          <xsl:value-of select="EmployeeDisplayName" />
        </h2>
        <p class="title">
          <xsl:value-of select="EmployeeTitle" />
        </p>
        <p>
          <span>Service:</span>
          <xsl:value-of select="EmployeeServiceName" /> 
        </p>
        <p>
          <span>Responsable: </span>
          <xsl:value-of select="EmployeeManager" />
        </p>
      </div>
      <div class="contact">
        <h3>Contact informations</h3>
        <p>
          <span>Téléphone:</span>
          <xsl:value-of select="EmployeePhone" />
        </p>
        <p>
          <span>Mobile Phone:</span>
          <xsl:value-of select="Cellphone" />
        </p>
        <p>
          <span>Email:</span>
          <xsl:value-of select="EmployeeEMail" />
        </p>
        <p>
          <span>Location:</span><xsl:value-of select="EmployeeLocation" />
        </p>
      </div>
      <p style="clear:both;"> </p>
    </div>
  </xsl:template>
</xsl:stylesheet>

http://dl.dropbox.com/u/1188488/1Column.jpg

et voila le résultat attentdu:
http://dl.dropbox.com/u/1188488/2Columns.jpg

J'espère vraiment que vous pourrez m'aider parceque la je commence a désespérer de trouver une solution.

Merci