sIFR масштабирует текст вниз вместо обертывания текста

Question

Я унаследовал сайт, использующий sIFR 2.0.7, и по причинам, не зависящим от моего контроля, обновление до sIFR3 маловероятно.

У меня есть div с текстом, который успешно заменяется на sIFR. Текст довольно большой и должен быть перенесен на следующую строку, но вместо этого он уменьшен с помощью sIFR. Без sIFR он обертывается правильно.

Я искал документацию на 2.0.7 и другие темы без большой удачи. Пробовал настройку меньшего текста, фиксированную высоту на div, установку высоты линии и изменение межстрочного интервала.

Любые советы или идеи были бы весьма признательны, спасибо!

Базовые стили включены без изменений из загрузки sIFR. Соответствующий код:

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:

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

Еще раз спасибо!

Wes

Answer 1

У меня был тот же вопрос и нашел эту запись через Google. На всякий случай кто-то сталкивается с одной и той же проблемой: кажется, что большая часть странного текстового масштабирования sifr может быть решена путем помещения текста, который требуется заменить в тег span и замены метки span (это также решило некоторые странно вниз масштабирование SIFR сделала, когда он просто должен был обернут текст ...)

Так что в этом случае:

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

}

Я надеюсь, что это поможет любому :)