Frage zu Layout und Rand des Textes in XSL

Question

Meine andere Frage über Layout der Text korrekt auf der Webseite. Ich möchte RSS-Code schreiben und dann XSL verwenden, um die RSS in HTML zu formatieren Meine Frage:

Warum der Text der ITEM DESCRIPTION außerhalb der Marge der Webseite? HOw, um das Stück Text innerhalb des Randes zu halten? Run out of margin http://i40.photobucket.com/albums/e236/ngquochung86/somemargin.jpg

Meine XML-Code:

<channel> 
....... 
    <description> 
    CHANNEL DESCRIPTION: Website of New York Times 
    </description> 
    <item> 
    <title> 
     ITEM TITLE:YouTube and Universal to Create a Hub for Music 
    </title> 
    <link> 
    <a href="http://www.nytimes.com/2009/04/10/technology/internet/10google.html?ref=technology"/> 
    </link> 
    <description> 
    CHANNEL DESCRIPTION: The agreement is an effort by YouTube, which is owned by Google, to put more professionally produced content in front of its huge audience, and in turn, earn more money from advertising. 
    </description> 
    </item> 

Mein Code XSL:

<span class="channelDescription"> <xsl:value-of select="channel/description"/></span> 
      <xsl:for-each select="channel/item"> 
       <span class="itemTitle"><xsl:value-of select="title"/></span> 
       <span class="itemLink"><xsl:value-of select="link"/></span> 
       <span class="itemDescription"><xsl:value-of select="description"/></span> 
      </xsl:for-each> 

Würden Sie mir bitte helfen? Danke

Answer 1

Wie AnthonyWJones sagte, scheint dies wie eine CSS/HTML-Frage. Sobald Sie XSLT verwenden, um den RSS-Feed in HTML umzuwandeln, wird es einfach als Standard-HTML-Dokument behandelt (und somit gerendert).

Meine beste Vermutung an dieser Stelle ist, dass Sie einen Behälter setzen müssen (ein Block-Level-Element wie < DIV>) um die Beschreibung (oder das ganze Dokument) und eine Breite für sie angeben, dass innerhalb der ist Dimensionen des Displays mit CSS.

So etwas wie dies funktionieren soll:

<style type="text/css"> 
#container { 
    width: 90%; 
} 
</style> 
<div id="container"> 
    // Your XSL code 
</div>