- ベストアンサー
テーブルの横に画像を
- みんなの回答 (3)
- 専門家の回答
質問者が選んだベストアンサー
<img src="***.png" alt="**" style="float:right"> <table> <tr><td>***</td></tr> </table> <table style="float:left"> <tr><td>***</td></tr> </table> <img src="***.png" alt="**"> こんな風にすると良いかも。
関連するQ&A
- テーブル内の画像を横並べにしたい
HTMLテーブルの学習中の初心者です、よろしくお願いいたします。 テーブル内に画像を配置すると縦並びになってしまいます。 これを横並びにしたいのですが、(添付画像参照ください) 同じテーブルの上段には既に列を分けてある1行目があります。 問題の2行目、列を分けてそれぞれのセルに画像を当て横幅を指定 という方法ですと上段の横幅に揃ってしまうのか、幅が大きく広がり過ぎてしまいうまくいきません。 テーブル以外にも方法はあるようなのですが 現在テーブルの学習をしているためテーブルでのやり方を調べています。 初心者ですので解りやすいもっともシンプルなやり方ございましたら ぜひご指導お願いいたします。
- 締切済み
- HTML
- テーブルの中で、画像の横に画像を表示
意味不明なタイトルをクリックしてくださってありがとうございます。 さっそく質問ですが、 問題のテーブルがある私のブログです。同盟などの小さな画像をテーブルタグの中に敷き詰めています。 ですが、縦長の画像がありまして、普通に画像のリンクを並べているだけでは、その画像の隣だけへんな空間ができてしまいます。なので、次の画像がその縦長の画像の横に来るように<img>タグの中に、style="float:left"というのをつけてみたのですが、その下からテーブルが途切れて、悲惨なことになってしまいます。 どんなタグを使えば、テーブルが途切れなくなりますか??
- ベストアンサー
- HTML
- 画像がテーブル内に収まらない
IEを使っているのですが テーブルの中に縮小した画像を入れると、 元の画像のサイズ分、テーブルが広がってしまいます。 テーブルのタグは <TABLE> <TBODY> <TR> <TD><A href="aaa.html"><IMG class=size src="/image/aaa.jpg"></A></TD></TR></TBODY></TABLE> このような感じです。 スタイルシートで sizeは } IMG.size { ZOOM: 20% } のように指定しています。 IE8の時は 画像をクリックする時も、マウスカーソルで画像を押してる時だけ元の画像サイズが、点々で表示されます。 IE9の場合も同じく画像が広がりますが マウスカーソルを画像に当てても点々は表示されません。 スレイプニル等のブラウザなら、テーブルの中に画像を入れても 画像は指定したサイズで表示され、テーブルに収まります。 テーブルのサイズを <TABLE width="30%"> としても、やはり画像の元サイズを基準にテーブルも広がってしまいます。
- 締切済み
- HTML
- 別々のテーブルは横に並べられない?
Dreamweaverを使ってホームページを作っています。 初歩的な質問なのですが、 別々のテーブルを横に並べて表示したいのですが、 できないことなのでしょうか? また、テーブルの横にテキストを入力することも 不可能なのですか? ひとつのテーブルで作ったりすると、表示が遅めに なってしまわないでしょうか...? ご存知の方どうかお教えください。 よろしくお願いします。
- ベストアンサー
- CSS
- テーブルを横に並べたいのですが
ホームページ作成で、 テーブルを横に並べたいのですが、 テーブルを ----------------------- -------------------------------- 狭い幅 狭い幅 ----------------------- ------------------------------- 広い幅 広い幅 ------------------------ -------------------------------- こんな感じで間を空けて並べたいのですが、 うまく書けませんが(>_<)中は仕切って 横2マスのテーブルと横3マスのテーブルを別々に作って 横に並べたいのです。 どのようにすればよいでしょうか? よろしくお願いします!
- ベストアンサー
- その他([技術者向] コンピューター)
- テーブル内の画像がずれてしまいます(IE8)
テーブル内の画像がずれてしまいます(IE8) 画像(写真を含めたHP1ページ分の画像)を分割して写真の部分にリンク(lightbox) を貼ってあります。 一度リンクにとんで(写真を大きく表示して)closeした後は正しく表示されるのですが、 更新するとまた複数の(リンクを貼ってある)写真の部分が下に落ちて、 全体が大きく崩れて表示されてしまいます。 ソースを見ると、分割した画像はテーブルの細かく区切られたセルのcolspanとrowspanで 配置されているようです。 画像がずれて表示される原因と回避方法を教えていただけないでしょうか。
- ベストアンサー
- HTML
- ブラウザに合わせて伸縮する画像テーブル
手打ちでHPを作成している者です。 ブラウザに合わせて伸縮するようにテーブルを作りたいと思っています。 普通のテーブルなら%で伸縮させられたのですが、8つの画像を使う角の丸いテーブル等、画像で作ったテーブルの伸縮がうまくいきません。 画像がテーブルの表示領域いっぱいに連なり、模様のようになってしまいます。 そしてその中にインラインフレームでコンテンツを表示させたいと思っています。 ブラウザに合わせてテーブルも、その中のインラインフレームも同じように可変させたいのですが、どうしたらよいのでしょうか? お詳しい方、ご回答よろしくお願い致します。
- ベストアンサー
- HTML
- テーブル内に画像を表示したい。
テーブル内に画像を1枚表示したいです。 下記のようにIMGタグを用いると、画像が表示されますが、 横幅が100%の時の大きさで枠が表示 されます。横に余白があります。 この余白を無くして、テーブルの枠線が画像をピッタリ 囲む様にしたいです。 どなたか、ご教授願います。初心者なので詳しくお願い します。 ---------------------------------------------- <table border=1> <tr> <td > <img src='./test_size/image2.jpg' width='50%' > </td> </tr> </table>
- ベストアンサー
- HTML
お礼
回答ありがとうございます。 うまくいきました!