sIFR単語を2行に移動しますか？

Question

誰もこれについて説明していますか？ #menu_wrapper ul liの幅を無駄に設定しようとしました。

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

Answer 1

sIFRの幅は、置き換える要素の幅に制限されています。この要素がフローティングされている場合、幅はHTMLテキストの実際の幅です。 FlashフォントがHTMLフォントよりも広い場合は、Flashテキストが許容幅に収まらず複数の行に分割されることを意味します。

考えられる解決策：

• HTMLテキストがtrueにsIFR.replace()ため
• 設定しforceSingleLineパラメータが欠点としてで、フラッシュ・テキストと同じ幅であるように、リスト項目のletter-spacingを、指定することをFlashムービー
• 2つのソリューションを組み合わせて、初期化のパフォーマンスが向上し、テキストが分割されないようにセキュリティが強化されます。

Answer 2

sIFRは、あなたがそれを適用している要素の大きさを計算します。浮動小数点要素はシュリンクラップされ、内部のテキストに必要な幅だけを占有します。

私はこれはあなたにそれらのNAVリストの各要素がにsIFRのためのスペースを取り、さらにどのくらいの面積をより細かく制御を与えるだろう、あなたはそれらのLISのそれぞれにIDを与える

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

のようなものを提案しますつかいます。

Answer 3

私のソリューション：

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;}' 
     ], 
}); 

と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; 
}