- ベストアンサー
テーブルの中で、画像の横に画像を表示
意味不明なタイトルをクリックしてくださってありがとうございます。 さっそく質問ですが、 問題のテーブルがある私のブログです。同盟などの小さな画像をテーブルタグの中に敷き詰めています。 ですが、縦長の画像がありまして、普通に画像のリンクを並べているだけでは、その画像の隣だけへんな空間ができてしまいます。なので、次の画像がその縦長の画像の横に来るように<img>タグの中に、style="float:left"というのをつけてみたのですが、その下からテーブルが途切れて、悲惨なことになってしまいます。 どんなタグを使えば、テーブルが途切れなくなりますか？？
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
tableの中ならvertical-align: が使えると思います。 縦長の画像の横に複数の画像をたてに並べたいのでなければ、 floatよりこちらのがいいかと。 http://www.tagindex.com/stylesheet/table/align.html 表示がおかしいのはfloatをclearしていないからではないかと。 http://www.tagindex.com/stylesheet/img/clear.html
その他の回答 (2)
- leap_day
- ベストアンサー率60% (338/561)
こんにちは floatを使用した場合には実質上の高さを取ることができていません </td>の前に <div style="clear:both;"></div> と入れてみてください
お礼
試してみましたが、それもできませんでした； 説明しにくいので、参考に問題のブログのＵＲＳはったんですけど、削除されてしまいまいた； でも、縦長の画像が、小さい画像が１０個くらいあるうちの、結構最後のほうにあったんですけど、それを最初の方にしてみたら、普通にその後の画像が横に敷き詰められて、何とかなりました； 回答ありがとうございました。
- pasocom
- ベストアンサー率41% (3584/8637)
たぶん、<img style="float:left"> がまずいのだと思います。 <img valign="top">ではいかがでしょう。お試しください。
お礼
回答ありがとうございます。 でもこのタグだと、横に一つしか表示去れなんですねぇぇ。 たくさん表示したかったです。 もっちょっと方法探してみます。でも早々の回答ほんと感謝してます。
お礼
うーん…なんかCSSよく分からないんですけど、これって<head></head> の間につけるんですよね？違ってたらスミマセン； ブログのスキンがフリースキンではないので、その辺りのタグいぢれないみたいなんです。 回答ありがとうございました。