HTML・・・教えてください。

質問

HTMLサイトなどで調べて色々方法を試してみたのですが、どれもうまくできず・・・なので教えてください。

日記(php)で、line-heightは15pt、letter-spacingは2ptに指定したのですが、文章中に小さな画像(docomoの絵文字みたいな小さな画像)を入れてしまうと、line-heightが変わってしまうのです。(幅が狭くなってしまう)

どうにかしてこのline-heightの行間が狭くならずに文章中に画像を使う事は出来ないでしょうか。

回答No.1

noname#12603 · ベストアンサー

ブラウザのバグなのであきらめるか
マイクロソフトに文句を言うしかないのでは？
http://members.at.infoseek.co.jp/cssbug/detail/winie/b075.html
回避策があるのかもしれないけど、わたしは聞いたことがない。

個人的に、大胆な回避策を考えたには考えたが
それをやるともはや「HTML」とは言えなくなり
W3Cのメンバーが大泣きするので、あえて教えない。

インライン画像と行間指定のいずれかを
その場所でやめることを検討すべきでは。

ちなみにわたしは、インライン画像をすべてテキスト記号に変えている。
CSSを使えば、そこそこアイコンっぽくできる（点線以下参照）。
もともとインラインに画像なんか入れられないと考えると、思い煩うこともなくなる。

HTML文書はデザイン文書ではないのだから
多くを期待しないほうが幸せに近づける。

----------------------------------------
<p style="line-height : 150%">
これはサンプル文書です。
<span style="background-color:#6666ff; color:white; font-weight:bold; padding:0 2px;">NEW</span>&nbsp;頭に「NEW」アイコンをつけてみました。
<span style="background-color:#ccffcc; color:green; font-weight:bold; padding:0 2px; border-right:2px solid green; border-bottom:2px solid green;">NEW</span>&nbsp;ちょっと変化をつけてみました。
<span style="background-color: yellow; color:red; padding:0 2px;border-right:2px solid red; border-bottom:2px solid red;">♣</span>&nbsp;今度は頭にクラブアイコンをつけてみました。</p>