sIFR déplacer un mot en deux lignes?

Question

Est-ce que quelqu'un a des explications à ce sujet? J'ai essayé de régler une largeur sur #menu_wrapper ul li en vain.

http://i31.tinypic.com/2vskbqu.png http://i31.tinypic.com/2vskbqu.png

Answer 1

sIFR est limité en largeur à la largeur de l'élément que vous remplacez. Si cet élément est flottant, la largeur est la largeur réelle du texte HTML. Si la police Flash est plus large que la police HTML, cela signifie que le texte Flash ne rentre pas dans la largeur autorisée et se divise en plusieurs lignes.

solutions possibles:

• Spécifiez letter-spacing pour les éléments de la liste, de telle sorte que le texte HTML est aussi large que le texte Flash
• Régler le paramètre forceSingleLine pour sIFR.replace() à true, avec comme inconvénient que les films Flash affichera le redimensionnement horizontal lors de l'initialisation
• Combiner les deux solutions pour obtenir de meilleures performances d'initialisation et la sécurité que le texte ne divisera jamais

Answer 2

sIFR calcule les dimensions de l'élément auquel vous l'appliquez à. Les éléments flottants sont emballés sous film rétractable et n'occupent que la largeur nécessaire à l'affichage du texte à l'intérieur.

Je vous suggère de donner un identifiant à chacun de ces lis, quelque chose comme

li#nav-blog { width:200px; } 

Cela vous donnera un contrôle plus précis sur la quantité de surface chacun de ces éléments de la liste de navigation prennent, et plus d'espace pour sIFR à utilisation.

Answer 3

Ma solution:

sIFR.replace(gothic, { 
    wmode: 'transparent', 
    forceSingleLine: true, 
    selector: '.quick-access li h2 a', 
    css: [ 
     '.sIFR-root { background-color: transparent; font-size:24px; color: #abaaab; text-align: center; cursor: pointer;}', 
     'a {background-color: transparent; font-size:24px; color: #abaaab; text-decoration:none; text-align: center; cursor: pointer;}', 
     'a:hover {background-color: transparent; font-size:24px; color: #77b100; text-decoration:none; text-align: center; cursor: pointer;}' 
     ], 
}); 

et CSS:

h2 { 
    font-size: 18px; 
    font-weight: normal; 
} 

h1, h2, h3, h4, h5, h6 { 
    line-height: 1.35; 
    margin: 0 0 5px; 
} 

*{ 
    margin: 0; 
    padding: 0; 
}