Question relative à la mise en page et la marge de texte dans XSL

Question

Mon autre question sur la mise en page le texte correctement sur la page Web. Je voudrais écrire le code RSS, puis utiliser XSL pour formater le RSS en HTML Ma question:

Pourquoi le texte de l'ARTICLE DESCRIPTION est-il épuisé dans la marge de la page Web? Comment forcer ce bout de texte à rester dans la marge? Run out of margin http://i40.photobucket.com/albums/e236/ngquochung86/somemargin.jpg

Mon 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> 

Mon 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> 

Voulez-vous s'il vous plaît me aider? Merci

Answer 1

Comme AnthonyWJones a dit, cela semble être une question CSS/HTML. Une fois que vous utilisez XSLT pour transformer le flux RSS en HTML, il est simplement traité (et donc rendu) comme un document HTML standard.

Ma meilleure estimation à ce stade est que vous avez besoin de mettre un récipient (un élément de niveau bloc tels que < DIV>) autour de la description (ou le document entier) et spécifiez une largeur pour ce qui est dans le dimensions de l'affichage en utilisant CSS.

donc quelque chose comme cela devrait fonctionner:

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