sIFR: ¿problema de altura de línea solo en Firefox 3?
Pregunta
Estoy tratando de usar sIFR para crear un efecto de nube de etiquetas para una página de inicio I Estoy trabajando en. Hay 4 líneas de texto, con varios tamaños de fuente y colores de fuente dentro de cada línea.
Sospecho que los puristas de sIFR dirían que esto crea demasiados clips de película para estar seguros, pero realmente es el efecto que estamos buscando y es la mejor opción que tenemos, lo cual es bueno para SEO y se degradará con gracia. Si podemos hacerlo funcionar, eso es ...
El problema que tengo es que todos los colores, tamaños de fuente, etc. se muestran muy bien, pero parece haber un relleno excesivo alrededor del texto, creando el efecto de que la altura de la línea está más cerca del 200% del 200% o 1 em. Lo tengo funcionando bien en Internet Explorer 7 y en otros navegadores, ¡pero parece que Firefox muestra todo mal!
Cualquier idea y ayuda apreciada;)
<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>
Línea de configuración de muestra:
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;
Solución
Compruebe si el tamaño adicional está dentro de la película Flash o alrededor de ella. En este último caso, tendrá que recurrir a ajustes CSS.
En el primer caso, consulte los argumentos tuneHeight
/ tuneWidth
y offsetTop
/ offsetLeft
para sIFR.replace ()
. Estos le permiten cambiar la posición del texto dentro de la película Flash y le permiten cambiar cuánto margen deja la película Flash alrededor del texto.
Esto a veces es necesario porque Flash informa las dimensiones del texto incorrectamente.