sIFR skaliert den Text, statt den Text zu umhüllen

Question

Ich habe eine Site geerbt, die sIFR 2.0.7 verwendet, und aus Gründen, die ich nicht kontrollieren kann, ist ein Upgrade auf sIFR3 unwahrscheinlich.

Ich habe ein Div mit Text, der erfolgreich mit sIFR ersetzt wird. Der Text ist ziemlich groß und sollte in die nächste Zeile umbrechen, aber stattdessen wird er durch sIFR verkleinert. Ohne sIFR wird es korrekt umgebrochen.

Ich habe sowohl die Dokumentation auf 2.0.7 und andere Threads ohne viel Glück gesucht. Es wurde versucht, kleineren Text, eine feste Höhe im div, die Zeilenhöhe und den Buchstabenabstand zu setzen.

Alle Tipps oder Ideen würden sehr geschätzt werden, danke!

Die Basistypen sind unverändert aus dem sIFR-Download enthalten. Relevante Code:

HTML:

<div id="menu_header_FuturaStdMedium">Sample Header Text</div> 

CSS:

.sIFR-hasFlash div#menu_header_FuturaStdMedium { 
    letter-spacing: -4px; 
    visibility: hidden; 
    font-size: 26px; 
} 

Javascript:

if(typeof sIFR == "function"){ 
     // Headers 
     sIFR.replaceElement("div#menu_header_FuturaStdMedium", named 
     ({sFlashSrc: "FuturaStdMedium.swf", sColor: "#000000", sCase: "upper", sWmode: "transparent", sFlashVars: "textalign=center"})); 
} 

generiert HTML:

<div class="sIFR-replaced" id="menu_header_FuturaStdMedium" style="padding-top: 15px;"><embed style="width: 230px; height: 24px;" class="sIFR-flash" type="application/x-shockwave-flash" sifr="true" bgcolor="transparent" wmode="transparent" flashvars="txt=Sample Header Text&amp;textalign=center&amp;textcolor=#000000&amp;w=230&amp;h=24" quality="best" src="FuturaStdMedium.swf" height="24" width="230"><span class="sIFR-alternate">Sample Header Text</span></div> 

Danke nochmal!

Wes

Answer 1

hatte ich das gleiche Problem und fand diesen Eintrag durch Google. Nur für den Fall, dass jemand das gleiche Problem antrifft: Es scheint so, als ob das meiste der seltsamen Text-Skalierungs-Sifr gelöst werden könnte, indem der Text, den man ersetzen möchte, in ein span-tag eingefügt wird seltsam Herunterskalierung sifr tat, als es sollte nur den Text eingewickelt haben ...)

Also in diesem Fall:

HTML:

<div id="menu_header_FuturaStdMedium"><span>Sample Header Text</span></div> 

JS:

if(typeof sIFR == "function"){ 
    // Headers 
    sIFR.replaceElement("div#menu_header_FuturaStdMedium span", named 
    ({sFlashSrc: "FuturaStdMedium.swf", sColor: "#000000", sCase: "upper", sWmode: "transparent", sFlashVars: "textalign=center"})); 

}

Ich hoffe, das hilft jedem :)