2012-09-05 44 views
1

正常工作我用下面的代碼使用XSLTCSS不是在XSLT

<?xml version="1.0" encoding="UTF-8"?> 
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform"> 
<xsl:template match="Report/Scripts"> 
<html> 
    <head> 
    <title>Mobiuss.rtp Test Execution Results</title> 
    <link rel="stylesheet" href="xmlstyle.css" /> 
    </head> 
    <body> 
    <xsl:for-each select="Script"> 
    <h1><xsl:value-of select="@File"/></h1> 
    Execution log 
    <br> 
    </br> 
    <table class="sortable"> 
    <tr> 
    <th>Time</th> 
    <th>Position</th> 
    <th>Type</th> 
    <th>Message</th> 
    </tr> 
    <xsl:for-each select="Message"> 
    <tr> 
    <td> <xsl:value-of select="@Time"/></td> 
    <td>Line <xsl:value-of select="@Line"/></td> 
    <td> <xsl:value-of select="@Type"/></td> 
    <td> <xsl:value-of select="@Message"/></td> 
    </tr> 
    </xsl:for-each> 
    </table> 
    </xsl:for-each>  
    </body> 
</html> 
</xsl:template> 
</xsl:stylesheet> 

上面的代碼顯示XML文件爲html它創建大約4個表(依賴於XML)來顯示一個XML文件作爲HTML 但由於某種原因,我不知道單獨的第一個表是跟着CSS所有其他表沒有得到風格。

CSS代碼放在這裏:

@CHARSET "ISO-8859-1"; 
.sortable {width:100%; height:40px; border:1px solid #ccc; background-color:#EEE0E5} 
.sortable th {padding:4px 6px 6px; background:#444; color:#fff; text-align:center;  color:#ccc} 
.sortable td {padding:2px 4px 4px; background:#fff; border-bottom:1px solid #ccc; overflow:auto} 
.sortable .head {background:#444 url(images/sort.gif) 6px center no-repeat; cursor:pointer; padding-left:18px} 
.sortable .desc {background:#222 url(images/desc.gif) 6px center no-repeat; cursor:pointer; padding-left:18px} 
.sortable .asc {background:#222 url(images/asc.gif) 6px center no-repeat; cursor:pointer; padding-left:18px} 
.sortable .head:hover, .sortable .desc:hover, .sortable .asc:hover {color:#fff} 
.sortable .even td {background:#f2f2f2} 
.sortable .odd td {background:#fff} 

請指導我在我的代碼有什麼改變,使得被創建的所有表都正確的風格。

+2

問題可能出在css本身。你可以發佈嗎? –

+0

@ JAR.JAR.beans使用CSS代碼編輯。 – Trini

回答

0

所以這裏是一個簡單的測試:http://jsbin.com/azaqog/1/似乎工作正常。您所面臨的問題在提供的數據中並不明顯。

我現在可以懷疑的一件事是,您從XML解析的數據包含導致最終HTML無效的內容。我建議您將XML + XSLT解析爲原始文本文件,然後查看輸出。你應該看到那裏正在破壞你的html的東西。

+0

謝謝我發現xml文件中的數據使它無效第二個表包含大量基於時間的數據,所以它正在改變整個表格。謝謝你的回答 – Trini

+0

你能否給我提供像overflow這樣的東西:scroll這樣我可以滾動表格的單個單元格,如果它超出了寬度和高度 – Trini

+0

Trini,您應該可以打開一個新的相關問題。 overflow:scroll在div上工作,所以如果你想要一個單元格滾動,你可以在td中嵌入一個div。 –