ようこそ ゲスト さん、新規登録（無料）して気になる疑問を解決しませんか？
はじめての方へ｜ヘルプ｜FAQ

質問
質問者：umena2006 テーブルの中で、画像の横に画像を表示
困り度：
  • 困っています
 意味不明なタイトルをクリックしてくださってありがとうございます。

さっそく質問ですが、
問題のテーブルがある私のブログです。同盟などの小さな画像をテーブルタグの中に敷き詰めています。
ですが、縦長の画像がありまして、普通に画像のリンクを並べているだけでは、その画像の隣だけへんな空間ができてしまいます。なので、次の画像がその縦長の画像の横に来るように<img>タグの中に、style="float:left"というのをつけてみたのですが、その下からテーブルが途切れて、悲惨なことになってしまいます。

どんなタグを使えば、テーブルが途切れなくなりますか？？
質問投稿日時：08/03/30 15:15
質問番号：3907354
この質問に対する回答は締め切られました。
最新から表示｜回答順に表示｜良回答のみ表示

回答

良回答10pt
回答者：leap_day こんにちは

floatを使用した場合には実質上の高さを取ることができていません
</td>の前に

<div style="clear:both;"></div>

と入れてみてください
種類：アドバイス
どんな人：一般人
自信：参考意見
回答日時：08/03/31 01:52
回答番号：No.3
この回答へのお礼試してみましたが、それもできませんでした；
説明しにくいので、参考に問題のブログのＵＲＳはったんですけど、削除されてしまいまいた；
でも、縦長の画像が、小さい画像が１０個くらいあるうちの、結構最後のほうにあったんですけど、それを最初の方にしてみたら、普通にその後の画像が横に敷き詰められて、何とかなりました；
回答ありがとうございました。

回答

 
回答者：pasocom たぶん、<img style="float:left"> がまずいのだと思います。
<img valign="top">ではいかがでしょう。お試しください。
種類：アドバイス
どんな人：経験者
自信：参考意見
回答日時：08/03/30 16:28
回答番号：No.2
この回答へのお礼回答ありがとうございます。
でもこのタグだと、横に一つしか表示去れなんですねぇぇ。
たくさん表示したかったです。
もっちょっと方法探してみます。でも早々の回答ほんと感謝してます。

回答

良回答20pt
回答者：goldfox tableの中ならvertical-align: が使えると思います。
縦長の画像の横に複数の画像をたてに並べたいのでなければ、
floatよりこちらのがいいかと。
​http://www.tagindex.com/stylesheet/table/align.html​

表示がおかしいのはfloatをclearしていないからではないかと。
​http://www.tagindex.com/stylesheet/img/clear.html​
種類：アドバイス
どんな人：一般人
自信：参考意見
回答日時：08/03/30 16:19
回答番号：No.1
この回答へのお礼うーん…なんかCSSよく分からないんですけど、これって<head></head>
の間につけるんですよね？違ってたらスミマセン；
ブログのスキンがフリースキンではないので、その辺りのタグいぢれないみたいなんです。
回答ありがとうございました。
 
最新から表示｜回答順に表示｜良回答のみ表示
このページのトップへ