人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

ムーバブルタイプ(MT、MovableType)をカスタマイズして使っています。
正確にはカスタマイズしてもらったものです。

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

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

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

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

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

●質問者: buny
●カテゴリ:ウェブ制作
✍キーワード:firefox IE IE6 MovableType MT
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

1 ● h55box
●28ポイント

<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の値を変えればテキストと画像の間の空白を調整出来ます。

◎質問者からの返答

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

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


2 ● wen000
●45ポイント ベストアンサー

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

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

◎質問者からの返答

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

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

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

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ