SIFR сокращает текст, а не переносит текст - PullRequest
Новая
       25

SIFR сокращает текст, а не переносит текст

0 голосов
/ 09 июня 2009

Я унаследовал сайт, который использует 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

1 Ответ

1 голос
/ 17 декабря 2010

У меня была такая же проблема, и я нашел эту запись через 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"}));

}

Надеюсь, это кому-нибудь поможет:)

...