Avatar billede bubbi Nybegynder
12. marts 2003 - 10:05 Der er 4 kommentarer

XSL med CSS

Hejsa et hurtigt spørgsmål.

Er det muligt at have et XML der bruger XSL til at stiller det op, og så et CSS til at definere hvordan det skal se ud?!? Og hvis det er, hvor skal man så sige at CSS'et skal bruges i XSL'et eller XML'et????

MvH
Jesper
Avatar billede medions Nybegynder
12. marts 2003 - 10:11 #1
XML dokumentet:

<?xml version="1.0" encoding="ISO-8859-1"?>
<?xml-stylesheet type="text/xsl" href="default.xsl"?>
<rod>
<titel>.:: Webcorner ::.</titel>

<sektion id="1">
<link id="1">Referencer</link>
<link id="2">Pakker</link>
<link id="3">Profil</link>
<link id="4">Kontakt</link>
</sektion>

</rod>

XSL dokumentet:

<?xml version="1.0" encoding="ISO-8859-1"?>
<xsl:stylesheet xmlns:xsl="http://www.w3.org/TR/WD-xsl"
                xmlns:dt="urn:schemas-microsoft-com:datatypes"
                xmlns:d2="uuid:C2F41010-65B3-11d1-A29F-00AA00C14882">
  <xsl:template match="/" >
    <html>
      <head>
      <title><xsl:value-of select="rod/titel"/></title>
     
     
      <STYLE>
      <!-- Faveskift ved link -->
        A:Link {
        COLOR: BLACK; TEXT-DECORATION: None
        }
        A:Hover {
        COLOR: BLACK; TEXT-DECORATION: Underline
        }
      </STYLE>
     
     
      </head>
      <body>
        <table align="center">
        <tr>
          <td width="600" style="background-color: #9A0E23;" valign="top">
         
            <!-- Top menu -->
            <table>
            <tr align="center">
            <xsl:for-each select="rod/sektion[@id='1']/link">
              <td width="200" style="background-color: #FFFFFF;font-family:verdana;font-size: 8pt;">
             
            <a>
                <xsl:attribute name="href">

                <xsl:value-of />.xml
                 
                </xsl:attribute>
               
                [<xsl:value-of />]
            </a>
             
              </td>   
            </xsl:for-each>       
            </tr>
            </table>   
            <!-- /Top menu -->
           
           
           
            <!-- Index -->
            <table>
            <tr align="center">
              <td width="600" height="350" style="background-color: #EBE7DE;font-family:verdana;font-size: 8pt;">
             
              <table>
              <tr>
                <td Valign="Top"><img src="img/logo.gif" width="120" height="180" /></td>
                <td width="300" style="font-family:verdana;font-size: 8pt;">
              WebCorner er en virksomhed der udvikler websites i tæt samarbejde med vore kunder.
                Vi sætter fokus på, at kundens website går direkte i centrum.
                <p/>
                Vi sætter også stor pris på, at der bliver leveret den rigtige vare, og dermed at gøre kunden tilfreds.
                Der vil blive ydet en stor service fra vores side i sammenhæng med updateringer samt rettelser, hvis ønsket.
              <p/>
              Et domænenavn der fungerer godt på nettet er afgørende for, at kunderne finder frem til netop jeres produkter.
                </td>
              </tr>
              </table>
             
              </td>
            </tr>
            </table>   
            <!-- /Index -->
     
          </td>
        </tr>
        </table>
      </body>
    </html>
  </xsl:template>
</xsl:stylesheet>

//>Rune
Avatar billede bubbi Nybegynder
12. marts 2003 - 10:26 #2
Ja men her definere du jo bare dit CSS inde i dit XSL det skal jeg ikke. Jeg skal have en mængde XSL der skal bruge ET CSS
Avatar billede Slettet bruger
12. marts 2003 - 10:41 #3
Hvis du transformerer til HTML el. lign. skal du bare smide et <link> tag ind (i <head> sektionen):

<link rel="stylesheet" href="monster-cool-styles.css" type="text/css" />

Hvis du derimod transformerer til XML, skal du lægge den som en processing-instruktion:

<?xml-stylesheet href="monster-cool-styles.css" type="text/css" ?>

/CS
Avatar billede Slettet bruger
12. marts 2003 - 10:45 #4
- og det gør du forresten sådan i en template:

<xsl:processing-instruction name="xml-stylesheet">type="text/css" href="monster-cool-styles.css"</xsl:processing-instruction>

/CS :-)
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