2009-03-17 8 views
0

sIFRを使用して、私が取り組んでいるホームページのタグクラウドエフェクトを作成しようとしています。各行には、さまざまなフォントサイズとフォント色で、4行のテキストがあります。sIFR - Firefox 3での行の高さの問題?

私はsIFRの純粋主義者がこれが安全であるためにはあまりにも多くのムービークリップを作成すると思うと思うが、それは実際に我々が探している効果であり、それはSEOのために良い選択であり、私達がそれを働かせることができるなら、それは...

私が持っている問題は、色、フォントサイズなどがすべてうまく表示されますが、テキストの周りに余分なパディングがあるようです。線の高さが200%または1 emより200%に近いことを意味します。 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

余分なサイズは、Flashムービー内にあるかどうかを確認し、またはその周り。後者の場合、CSSの調整に頼る必要があります。前者の場合には

sIFR.replace()ためtuneHeight/tuneWidthoffsetTop/offsetLeft引数をチェックしてください。これらを使用すると、Flashムービー内のテキストの位置を変更し、Flashムービーがテキストの周りに残す余白を変更することができます。

これは、Flashのテキストのサイズが正しく表示されないことがあるため、時には必要になります。

+0

ひょうたん、 が判明しましたsIFRは完璧な仕事をしていました!それは、問題を引き起こしていたいくつかの不正なCSSでした - H1要素に関連付けられたスタイルシートCSSは、htmlに配置されたスタイルコードによってオーバーライドされていませんでした。これを修正し、現在は全面的に働いています。 – MrFidge