sIFR verschiebt ein Wort in zwei Zeilen?

Question

Hat jemand eine Erklärung dafür? Ich habe versucht, eine Breite auf #menu_wrapper ul li vergebens einzustellen.

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

Answer 1

sIFR ist in der Breite auf die Breite des zu ersetzenden Elements beschränkt. Wenn dieses Element floated ist, ist die Breite die tatsächliche Breite des HTML-Textes. Wenn die Flash-Schriftart breiter als die HTML-Schriftart ist, bedeutet dies, dass der Flash-Text nicht in die zulässige Breite passt und in mehrere Zeilen aufgeteilt wird.

Mögliche Lösungen:

• Geben letter-spacing für die Listeneinträge, so dass der HTML-Text so breit wie der Text Flash ist
• Set forceSingleLine Parameter für sIFR.replace() zu true, mit als Nachteil, dass die Flash-Filme zeigt horizontale Größenanpassung, wie sie initialisiert werden
• Kombinieren Sie die beiden Lösungen, um eine bessere Initialisierungsleistung zu erhalten, und die Sicherheit, die der Text niemals teilen wird

Answer 2

sIFR berechnet die Abmessungen des Elements sind Sie es um die Anwendung. Floated-Elemente sind schrumpffoliert und nehmen nur die Breite auf, in der sie für die Darstellung des Texts benötigt werden.

Ich schlage vor, Sie geben eine ID, die jedem dieser lis, so etwas wie

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

Dies gibt Ihnen eine genauere Kontrolle darüber, wie viel Fläche jeder dieser nav Listenelemente aufzunehmen, und mehr Platz für sIFR zu benutzen.

Answer 3

Meine Lösung:

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

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