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