sIFR met à l'échelle le texte au lieu d'envelopper le texte

Question

J'ai hérité d'un site qui utilise sIFR 2.0.7 et pour des raisons indépendantes de mon contrôle, la mise à niveau vers sIFR3 est peu probable.

J'ai un div avec le texte qui est remplacé avec succès par sIFR. Le texte est assez volumineux et devrait passer à la ligne suivante, mais à la place il est réduit par sIFR. Sans sIFR, il s'enroule correctement.

J'ai recherché à la fois la documentation sur 2.0.7 et d'autres threads sans beaucoup de chance. J'ai essayé de mettre du texte plus petit, une hauteur fixe sur la div, de définir la hauteur de ligne et de changer l'espacement des lettres.

Des conseils ou des idées seraient grandement appréciés, merci!

Les styles de base sont inclus inchangés depuis le téléchargement sIFR. Code pertinent:

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"})); 
} 

HTML généré:

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

Merci encore!

Wes

Answer 1

J'ai eu le même problème et a trouvé cette entrée via Google. Juste au cas où quelqu'un d'autre rencontrerait le même problème: il semble que la plupart des étranges sifr de mise à l'échelle du texte peuvent être résolues en plaçant le texte que l'on veut remplacer par une balise span et en remplaçant le span bizarre SIFR vers le bas-échelle a fait quand il aurait juste enveloppé le texte ...)

donc dans ce cas:

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"})); 

}

J'espère que cela aide tout le monde :)