画像配置位置について

このQ&Aのポイント
  • HTMLで表と画像の配置を考えていますが、特定の配置がうまくいきません。
  • 特に表2と画像1の配置が問題で、画像3の下ではなく次の行から始まってしまいます。
  • どのようにすれば希望した配置にすることができるでしょうか?
回答を見る
  • ベストアンサー

画像配置位置について

●こう表示したい |______________________||____________| |           ||      | |   表1      ||      | |           ||      | |______________________|| 画像3  | |__________||__________||      | |     || 画像1 ||      | | 表2  ||__________||      | |     ||__________||      | |     || 画像2 ||      | |     ||     ||____________| |__________||__________| 上記のような画像と表の配置をHTMLで考えています。 ですがどうしても表2と画像1が画像3の一番したの 次の行から始まってしまいます。 ●こうなっていまう |______________________||____________| |           ||      | |   表1      ||      | |           ||      | |______________________|| 画像3  |             |      |             |      |             |      |             |      |             |      |             |____________| |__________||__________| |     || 画像1 | | 表2  ||__________| |     ||__________| |     || 画像2 | |     ||     | |__________||__________| こういった場合どうすれば希望した表示例にすることができるのでしょうか?

  • HTML
  • 回答数1
  • ありがとう数1

質問者が選んだベストアンサー

  • ベストアンサー
  • timber
  • ベストアンサー率29% (218/739)
回答No.1

<html> <body> <table border="1"> <tr><td colspan="2">表1</td><td rowspan="3">画像3</td></tr> <tr><td rowspan="2">表2</td><td>画像1</td></tr> <tr><td>画像2</td></tr> </table> </body> </html> 上記でできます。

jyopper
質問者

お礼

できました。colspan, rowspanを使用するのですね。 納得がいきました。 またご迷惑をおかけしますが、宜しくお願いいたします。 ありがとうございました!! m(_ _)m

関連するQ&A

  • 画像を好きな位置に配置するには…

    ホームページを作成する際に、画像を好きな位置に配置するにはどうすれば良いのでしょうか? お聞きしたいのは、例えば、画面の左側に文章を数行入力し、その右側に画像を配置するような場合です。 現在は、そのような場合、左側に文章を数行入力すると、その右側に画像を貼り付けることができない状態です。 ご教授の程、よろしくお願いします。

  • HTMLでの画像配置

    PC初心者です。HTMLの画像配置について教えて下さい。 添付画像のように画像1、2、3と3つの画像があります。 添付画像と同じ配置をしたいのですが、 実際の表示が、画像1の下に、画像3がきてしまいます。 画像2の下に画像3を置きたいです。 どのようにコーディングすればよろしいでしょうか? ちなみに、ホームページビルダー13を使用しています。 HTMLは詳しくないので、詳細を書いて頂けるとありがたいです。 足りない情報などもありましたら、補足させて頂きますので、 宜しくお願い致します。

    • ベストアンサー
    • HTML
  • ホームページビルダーでの配置位置

    ホームページビルダーの標準モードで、どこでも配置モードのように画像を重ね合わせたりする方法はやはりHTML編集しかないのでしょうか? また、ボタンを入れた後にボタンのリンク先の説明を挿入したいのですが、ボタンの後ろには1行しか挿入できず、(ボタンの右下からしか説明が挿入できない) また、表も任意の場所に置けません。 困っています。どなたか方法を教えてください。

  • CSSで画像の配置について

    HTMLではテーブルで配置していた画像が、CSSではどう表記すべきか教えて下さい。 a~eの4枚の画像があり、HTMLのtableで以下のように配置していました。(3文字で1画像とみて下さい) a bbb e a ccc e a ddd e 両サイドに1枚ずつ、真ん中は3段です。 これをCSSで再現する場合、どのようにしたらよいでしょうか? 単にfloatだけで出来るのでしょうか。

    • ベストアンサー
    • HTML
  • ビルダー11:「標準モード」で画像を様々な配置にしたいですが

    ビルダーで「どこでも配置モード」にするとアップしたときにズレたりする、と聞いたので私は「どこでも配置モード」は使用したことがないのですが、「標準モード」で画像の右側に画像を挿入したりしたいのですができるでしょうか? 「標準モード」で画像の挿入をする際、必ず前の画像の下に次の画像がきます。(「どこでも配置モード」では様々な場所に移動できますよね)それを、ちょっと右斜め下に配置したり、右側に配置したり、 などという自由なレイアウトはやはりできないのでしょうか? そのようなことができるHTMLでもいいのでご教授いただけませんか?  よろしくお願いいたします。

  • CSSで画像の配置(右下へ)

    CSS+HTMLで、HPを作成しています。 以下のように、画像を常に右下に配置する事は可能でしょうか? 「画像の下のラインがテキストの最終行と揃うように」という事なんですが。。。 テキストテキストテキストテ  テキストテキストテキストテ  テキストテキストテキストテ   テキストテキスト  ■■■■■  テキストテキスト  ■画像■  テキストテキスト  ■■■■■ 

  • 画像の配置について

    mac osxにてillustratorCS4を使用しています。 画像の配置についてなのですが、 例えば、illustrator上で50%縮小して配置しているリンク画像A(あるいは埋め込み画像)を、別の画像Bに差し替える場合、 差し替えた画像も同じように50%縮小(あるいはAと同じ大きさ?)になりますが、 それを原寸(100%)のサイズで配置し直したい場合はどうすればいいのでしょうか? 画像Aはだいたいどのくらい縮小すればいいのかを確認するために配置したので、 それをphotoshopできちんと縮小してillustratorでは縮小なしの原寸で配置しなおしたい状況です。 どうぞよろしくお願いします。

  • 画像の配置

    IllustratorCS3を使っていますが、配置で画像を取り入れる場合複数の画像を一度に配置する方法はどうすれば良いのでしょうか

    • ベストアンサー
    • Mac
  • 画像の横に1/2の高さの画像を2枚上下で並べて配置

    HTML初心者です。 1枚の画像の横に、1/2の高さの画像を2枚上下で並べて配置する方法はありますか? <!-- 画像を括るボックスのwidth値は画像サイズの単位である px を指定する --> <p style="width: 100px; padding: 10px;"><img width="100" height="100" src="./test.png></p> 他のサイトで上記がHITしたのですが。。 スタイルシート(?)ではなく、HTMLで出来るのであれば知りたいです。 すみませんが、ご確認よろしくお願いします。

    • ベストアンサー
    • HTML
  • ブログ記事内の画像配置について

    gooのブログをはじめてもう結構経つのですが、今だにわからないことがあります。それは画像(写真)の配置についてです。普通に画像をアップしてサイズを変えたり、位置を変えたりすることはできるのですが、画像のすぐ横から文字を入れたくてそれをHTMLタグを使ってなんとかやってみたのですが、だめでした。 http://blog.goo.ne.jp/info/blog_use14.html このURLにあるとおり試してみたのですが、私の理解力が足りないのか、<img src="images/○○.gif" width="10" height="10">のimages/○○.gifの部分がいまいち理解不能です。この画像はマイピクチャなどに入っている写真でないといけないのか、それともネット上で見つけた写真でもいいのか。その場合、gif.とある画像でないとアップ不可能なのか、それともjpg.画像でもアップは可能なのか、その辺がまったくよくわかりません。 gooのブログだけ特別なのでしょうか?gooに直接問い合わせてもHTMLタグのことは教えてくれましたが(上記のサイトをくれました)、使い方などは教えてないそうです。 どなたかよろしかったら教えていただけませんでしょうか。

専門家に質問してみよう