Avatar billede Daniel.E Praktikant
30. december 2004 - 11:19 Der er 2 kommentarer og
1 løsning

xml og xsl blandet sammen med css

// XML

<?xml version="1.0" encoding="ISO-8859-1"?>
<?xml:stylesheet type="text/xsl" href="outputter.xsl"?>
<!-- Edited with XML Spy v4.2 -->
<CATALOG>
    <MAIL>
        <FROM>dp@b-one.net</FROM>
        <AUTHOR>Daniel Pedersen</AUTHOR>
        <SUBJECT>Angående den nye webmail</SUBJECT>
        <MESSAGE>Jeg synes vi skal bruge XSLT.</MESSAGE>
        <ATTACHMENT>NONE</ATTACHMENT>
    </MAIL>   
</CATALOG>



// XSL

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

<xsl:template match="/">
  <html>
  <body>
    <h2>My CD Collection</h2>
    <table>
    <tr>
      <th align="left" class="he">from</th>
      <th align="left">author</th>
      <th align="left">subject</th>
      <th align="left">message</th>
      <th align="left">attachment</th>
    </tr>
    <xsl:for-each select="CATALOG/MAIL">
    <tr>
      <td><xsl:value-of select="FROM"/></td>
      <td><xsl:value-of select="AUTHOR"/></td>
      <td><xsl:value-of select="SUBJECT"/></td>
      <td><xsl:value-of select="MESSAGE"/></td>
      <td><xsl:value-of select="ATTACHMENT"/></td>                 
    </tr>
    </xsl:for-each>
    </table>
  </body>
  </html>
</xsl:template>

</xsl:stylesheet>


// css

table {
    border:1px solid #000;
}

table,tr,td {
    color:red;
}
.he {
    color:blue;
}


Hvordan bruger man sine CSS tilføjelser  ??

Jeg ved du kan bruge CSS til at vise dine XML elementer med, men det er ikke lige det som jeg søger.  Jeg vil med XSL og XML, og CSS lave noget.  Jeg ved bare ikke hvordan endnu... ??
Avatar billede Daniel.E Praktikant
30. december 2004 - 11:20 #1
<?xml-stylesheet type="text/css" href="template-global.css"?>

Jeg har prøvet div. med denne.. men kun det tænkelige...
Avatar billede Daniel.E Praktikant
30. december 2004 - 11:24 #2
<?xml version="1.0" encoding="ISO-8859-1"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">

<xsl:template match="/">
  <html>
  <head>
  <style>
  table {
      color:red;
  }
 
  </style>
    <link href="template-global.css" rel="stylesheet" type="text/css" media="screen" />
  </head>
  <body>
    <h2>My CD Collection</h2>
    <table>
    <tr>
      <th align="left" class="he">from</th>
      <th align="left">author</th>
      <th align="left">subject</th>
      <th align="left">message</th>
      <th align="left">attachment</th>
    </tr>
    <xsl:for-each select="CATALOG/MAIL">
    <tr>
      <td><xsl:value-of select="FROM"/></td>
      <td><xsl:value-of select="AUTHOR"/></td>
      <td><xsl:value-of select="SUBJECT"/></td>
      <td><xsl:value-of select="MESSAGE"/></td>
      <td><xsl:value-of select="ATTACHMENT"/></td>                 
    </tr>
    </xsl:for-each>
    </table>
  </body>
  </html>
</xsl:template>

</xsl:stylesheet>
Avatar billede Daniel.E Praktikant
30. december 2004 - 11:24 #3
Jeg fandt selv ud af det.  Sådan kan det jo gå.
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Kurser inden for grundlæggende programmering

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester