sIFR - проблема высоты строки только в Firefox 3? - PullRequest
Новая
       15

sIFR - проблема высоты строки только в Firefox 3?

0 голосов
/ 17 марта 2009

Я пытаюсь использовать sIFR , чтобы создать эффект облака тегов для домашней страницы, над которой я работаю. Есть 4 строки текста, с различными размерами шрифта и цветами шрифта в каждой строке.

Я подозреваю, что пуристы sIFR сказали бы, что это создает слишком много клипов, чтобы быть в безопасности, но это действительно тот эффект, который мы ищем, и это лучший вариант, который у нас есть, который подходит для SEO и будет унизить изящно. Если мы сможем заставить его работать, то это ...

Проблема, с которой я столкнулся, заключается в том, что цвета, размеры шрифтов и т. Д. Отображаются нормально, но, кажется, чрезмерное заполнение текста, создавая эффект, что высота строки ближе к 200%, чем к 200% или 1 эм. У меня все работает нормально в Internet Explorer 7 и некоторых других браузерах, но Firefox, кажется, отображает все неправильно!

Любые идеи и помощь приветствуются;) 

<h1 style="font-weight:600;">
<span class="titleleft">Content </span>
<span class="titleright">Formula:</span>
<span class="focussed">Focused </span>
<span class="creative">creative </span>
<span class="and">and </span>
<span class="targeted">targeted </span>
<span class="content">content </span>
<span class="for">for </span>
<span class="bluechip">blue chip </span>
<span class="global">global </span>
<span class="websites">websites </span>
<span class="and2">and </span>
<span class="intranets">intranets. </span>
<span class="wedeliver">We deliver </span>
<span class=success>success </span>
<span class="witha"> with a </span>
<span class="degree">360 degree </span>
<span class="approach">approach to online</span><br />
<span class="communications">communications.</span>
</h1>

Пример строки конфигурации: 

sIFR.replace(arial, 
{selector: '#main_content_left_home>h1>span.titleleft' 
,css: '.sIFR-root { color: #000000; font-weight:bold;letter-spacing: -1;}' 
,tuneWidth: (+10)
});

sIFR.fixWrap = false;
sIFR.fitExactly = true;
sIFR.useStyleCheck = false;
sIFR.useDomLoaded = false;
sIFR.preserveSingleWhitespace = true;
sIFR.autoInitialize = true;
sIFR.forceWidth = true;
sIFR.repaintOnResize = true;

1 Ответ

1 голос
/ 18 марта 2009

Проверьте, находится ли дополнительный размер внутри Flash-фильма или вокруг него. В последнем случае вам придется прибегнуть к настройке CSS.

В первом случае проверьте аргументы tuneHeight / tuneWidth и offsetTop / offsetLeft для sIFR.replace(). Они позволяют изменять положение текста внутри видеоролика Flash и изменять размер поля, оставляемого видеороликом Flash вокруг текста.

Иногда это необходимо, поскольку Flash сообщает некорректные размеры текста.

...