ムーバブルタイプ(MT、MovableType)をカスタマイズして使っています。

正確にはカスタマイズしてもらったものです。

エントリーに画像を表示させて、その隣に文章を表示させたいと思っています。

align="right"で指定すると、Firefoxでは表示されるのですがIE6.0では縦ならびになってしまいます。

テーブルを組むと横に表示されるのですが、空白が空きます

見だしタグを入れてからテーブルを組むと一行空くのですが表示されます。ただし、カテゴリーをクリックしてエントリー(全てのエントリーに絵を挿入)の一覧を出すと、下に行くほど空白が多くなります。

どうしたらIEでも表示され、しかも余計な空白がでなくなるのでしょうか?

回答の条件
  • 1人3回まで
  • 登録:
  • 終了:2007/05/09 08:20:48
※ 有料アンケート・ポイント付き質問機能は2023年2月28日に終了しました。

ベストアンサー

id:wen000 No.2

回答回数134ベストアンサー獲得回数8

ポイント45pt

<img src="#" style="float:left" />

とかではだめでしょうか?

id:buny

回答ありがとうございました!

うまくいきました。これなら、私レベルでも簡単に設定できます。

floatというタグ、よく分かっていませんが、使っていきたいと思います!!!!

2007/05/06 22:54:55

その他の回答1件)

id:h55box No.1

回答回数27ベストアンサー獲得回数1

ポイント28pt

<img>タグにクラスを設定して、スタイルシートでレイアウトしてみるのも良いと思います。

<img class=”r” src=”http://hoge.com/12345.jpg”>

img.r {

float : right ;

border : none ;

margin-right : 4px ;

margin-top : 4px ;

vertical-align : top ;

}

img.l {

float : left ;

border : none ;

margin-right : 4px ;

margin-top : 4px ;

vertical-align : top ;

}

marginの値を変えればテキストと画像の間の空白を調整出来ます。

id:buny

回答ありがとうございました。

これだと細かく設定できそうですね。私は、あまりタグのこと詳しくないのですが、しっかり勉強していきたいです!!

2007/05/06 22:52:24
id:wen000 No.2

回答回数134ベストアンサー獲得回数8ここでベストアンサー

ポイント45pt

<img src="#" style="float:left" />

とかではだめでしょうか?

id:buny

回答ありがとうございました!

うまくいきました。これなら、私レベルでも簡単に設定できます。

floatというタグ、よく分かっていませんが、使っていきたいと思います!!!!

2007/05/06 22:54:55
  • id:buny
    はてなに質問を始めたばかりです。

    皆さんにお礼のポイントをお渡ししたいのですが、質問が終了すると勝手になるのでしょうか?

    いるか賞のお渡しの仕方もよく分かっていません。

    質問が終了したときにできるのかなって期待しています。

    もう少し調べてみます。
  • id:wen000
    http://www.htmq.com/style/float.shtml
    このへんも参考にしていただければ。
  • id:buny
    ありがとうございます!

    どんどん勉強していきますね。

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

回答リクエストを送信したユーザーはいません