dominik: XML-Daten in Tabelle anzeigen, diese mit CSS formatieren

Beitrag lesen

SELF-Forum

XML-Daten in Tabelle anzeigen, diese mit CSS formatieren

dominik
– Informationen zu den Bewertungsregeln

Hi!
Ich hab nen Problem bei ner Aufgabe für die Uni. Ist das erste mal, dass ich überhaupt Kontakt mit Webdesing habe, deswegen hoffe ich, dass mir jemand helfen kann :)

Bei dieser Datei...
http://nemesis.hungry-voiz.de/notenliste2.xml

...wird die Tabelle nicht richtig dargestellt.
Der weiße Hintergrund sollte eigentlich zu der Tabelle gehören, ist aber irgendwie nur in der Überschrift. Ausserdem läuft es sowieso nur mit dem IE einigermaßen. FF zeigt keine Farben, mit Opera gehts garnicht.
Vielleicht findet ihr ja den Fehler, ich such jetzt schon sehr lange..

XSL-Datei:

<?xml version="1.0" encoding="UTF-8" ?>
<xsl:stylesheet version="1.0"
     xmlns:xsl="http://www.w3.org/1999/XSL/Transform"   >

<xsl:template match="/">
<html>
<head>
  <title>Notenliste</title>
  <link rel="stylesheet" type="text/css"  href="notenliste.css" />

</head>
<body>
  <h1><xsl:value-of select="notenliste/prüfungsfach"/></h1>
  <hr/>
  <table>
    <tr>
     <th>lfdNr</th>
     <th>Matrikelnummer</th>
     <th>Nachname</th>
     <th>Vorname</th>
     <th>Versuch</th>
     <th>Note</th>
     <th>Bemerkung</th>
    </tr>
   <xsl:apply-templates select="notenliste/teilnehmer">
    <xsl:sort select="lfdNr" data-type="number"/>
   </xsl:apply-templates>

</table>
</body>
</html>
</xsl:template>

<xsl:template match="teilnehmer">
  <tr>
   <td><xsl:value-of select="lfdNr" />
   </td>
   <td><xsl:value-of select="matrikelnummer" />
   </td>
   <td><xsl:value-of select="nachname" />
   </td>
   <td><xsl:value-of select="vorname" />
   </td>
   <td><xsl:value-of select="versuch" />
   </td>
   <td><xsl:value-of select="note" />
   </td>
   <td>
   xsl:choose
  <xsl:when test="bemerkung!=''">
  <xsl:value-of select="bemerkung" />
  </xsl:when>
  xsl:otherwise &#160; </xsl:otherwise>
 </xsl:choose>
   </td>
  </tr>
</xsl:template>

</xsl:stylesheet>

CSS-Datei:

body
 { background-color: EEFFDD;
  color: black;
  font-family:'Times New Roman',Times,serif;
  font-size: small;
 }

div
 { float: left;
  background-color: DDEECC;
  border:1px solid black;
  margin-left:10 px;
  margin-top:10 px;
  padding: 2 px;
 }

h1
 { text-align:center;
  font-size:xx-large;
 {

table
 { border:1px solid black;
  padding:1px;
  background:WHITE;
 }

th
 { background: BBCCAA;
  border:1px solid black;
  padding:1px;
 }

td
 {  border:1px solid black;
  padding:1px;
  background:DDEECC;
 }

Beitrag melden
–
Informationen zu den Bewertungsregeln