Announcement

Collapse
No announcement yet.

CSS im Head greift nicht

Collapse
X
Collapse
  • Page of 1
  • Filter
  • Time
  • Show
Clear All
new posts
Previous template Next
  • #1

    CSS im Head greift nicht

    Hallo zusammen!

    Arbeite mich grad ein wenig in die Transformation von XML zu HTML ein. Läuft soweit ganz ok. Jetzt zu meinem Problem.
    In der XSL-Datei habe ich im Head folgende Definition für CSS gesetzt:
    HTML Code:
    <head>
       <style type="text/css">
            <xsl:comment>
                     <![CDATA[
                           .title{
                                font:italic 12px;
                           }
                           .subtitle{
                                font:italic bold 12px;
                           }
                         ]]>
             </xsl:comment>
       </style>
</head>
    Dieser sollte jetzt eigentlich dafür sorgen, dass die HTML-Elemente in der Template-Definition entsprechend formatiert werden. Und genau das passiert nicht. Hat jemand eine Idee, was hier das Problem sein kann? Bin sehr dankbar für jede Antwort.

    Hier noch das gesamte Template:
    HTML Code:
    <xsl:template match="/">
        <html>
            <head>
                <style type="text/css">
                    <xsl:comment>
                        <![CDATA[
.title{
    font:italic 12px;
}
.subtitle{
    margin-left:20px;
	font:italic bold 12px;
}
.entry{
    margin-left:40px;
}
]]>
                    </xsl:comment>
                    
                </style>
            </head>
            <body>
                <div class="entity">
                    <table>
                        <tbody>
                            <tr class="title">
                                <td>
                                    Service: <xsl:value-of select="rdf:RDF/rdf:Description/dc:title"/>
                                </td>
                            </tr>
                            <tr class="subtitle">
                                <td>
                                    Identification Information
                                </td>
                            </tr>
                            <tr class="entry">
                                <td>
                                    File Identifier: <xsl:value-of select="rdf:RDF/rdf:Description/dc:identifier"/>
                                </td>
                            </tr>
                            <tr class="entry">
                                <td>
                                    Title: <xsl:value-of select="rdf:RDF/rdf:Description/dc:title"/>
                                </td>
                            </tr>
                            <xsl:choose>
                                <xsl:when test="contains(rdf:RDF/rdf:Description/dct:references, 'MapServer')">
                                    <tr class="entry">
                                    <td>
                                    Service URL: <xsl:value-of select="rdf:RDF/rdf:Description/dct:references"/>
                                    </td>
                                    </tr>
                                </xsl:when>
                            </xsl:choose>
                            <tr class="subtitle">
                                <td>
                                    Data Theme
                                </td>
                            </tr>
                            <tr class="entry">
                                <td>
                                    Theme Topics:
                                    <xsl:for-each select="rdf:RDF/rdf:Description/dc:subject">
                                        <xsl:if test="position() > 1">, </xsl:if>
                                        <xsl:value-of select="."/>
                                    </xsl:for-each>
                                </td>
                            </tr>
							<tr class="entry">
                                <td>
                                    Abstract:
                                    <xsl:for-each select="rdf:RDF/rdf:Description/dct:abstract/rdf:value">
                                        <xsl:if test="position() > 1">, </xsl:if>
                                        <xsl:value-of select="."/>
                                    </xsl:for-each>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </body>
        </html>
    </xsl:template>
    Grüße
    Martin
    Tags: None
  • #2
    Ok, jetzt greifts doch. Man muss dabei echt höllisch aufpassen, welche CSS-Deklarationen man verwendet.

    Beispiel bei mir:
    font:12px bold; --> funktioniert nicht
    font-size:12px;font-weight:bold; --> funktioniert

    Grüße
    Martin

    Comment

    • #3
      Jetzt kommt noch eine andere Frage auf. Jemand eine Idee, warum der IE8 (andere IEs nicht ausprobiert) die Styles nicht annimmt?

      Grüße
      Martin

      Comment

      Previous template Next
      Working...
      X