画像を4つアップしたいのですがこの状態でアップすると
画像が縦に4つ並んでしまいます。(1列で4段)
これを2:2の配置(2列2段)にしたいのですがタグはどのように打てばよいでしょうか?初心者で申し訳ないですがご教授願います。
tableというのを使うのですが?いくつか試したのですがいまいちわからなくて・・・。意味のわかりにくい説明ですみません。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<META name="GENERATOR" content="IBM WebSphere Studio Homepage Builder Version 11.0.0.0 for Windows">
<META http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<META http-equiv="Content-Style-Type" content="text/css">
<TITLE></TITLE>
</HEAD>
<BODY>
<P> <BR>
<A href="http://store.shopping.yahoo.co.jp/cocolux/search … src="/lib/cocolux/kodawari.jpg" width="305" height="150" border="1"></A><A href="http://store.shopping.yahoo.co.jp/cocolux/search … src="/lib/cocolux/koakuma.jpg" width="305" height="150" border="1"></A><BR>
</P>
<P><A href="http://store.shopping.yahoo.co.jp/cocolux/search … src="/lib/cocolux/mizugi.jpg" width="305" height="150" border="1"></A><A href="http://store.shopping.yahoo.co.jp/cocolux/search … src="/lib/cocolux/pekkenasi.gif" width="305" height="150" border="1"></A></P>
</BODY>
</HTML>
No.1ベストアンサー
- 回答日時:
今の状況では<IMG>が落ちているようなので、画像が表示できないのではないでしょうか?(投稿時に写し落としただけでしょうか?)
一応、テーブルでの解決策を書いておきます。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
…途中省略…
<BODY>
<TABLE>
<TR>
<TD>
<A href="1つ目のリンク先">
<IMG SRC="/lib/cocolux/kodawari.jpg" width="305" height="150" border="1">
</A>
</TD>
<TD>
<A href="2つ目のリンク先">
<IMG SRC="/lib/cocolux/koakuma.jpg" width="305" height="150" border="1">
</A>
</TD>
</TR>
<TR>
<TD>
<A href="3つ目のリンク先">
<IMG SRC="/lib/cocolux/mizugi.jpg" width="305" height="150" border="1">
</A>
</TD>
<TD>
<A href="4つ目のリンク先">
<IMG SRC="/lib/cocolux/pekkenasi.gif" width="305" height="150" border="1">
</A>
</TD>
</TR>
</TABLE>
</BODY>
</HTML>
いま指定しているのはテーブル組みする場合の必要最小限だけです。
ホームページビルダーで作成されたページのようなので、そちらで修正する手もあるかもしれません。
(今のご質問は、HTMLに関するものです。お仕事で微調整が必要なためエディターでなおししているのでしたら、HTMLの本を読んで全体を掴む方が良いかもしれません。)
できました!
丁寧な回答本当にありがとうございました。
わかりにくい説明だったのにうれしいです。
感謝いたします!!助かりました!!
本当にありがとうございます!!
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
- HTML・CSS html cssのmargin 5 2022/12/03 11:04
- HTML・CSS cssが効かなくて困ってます 1 2023/01/01 23:57
- HTML・CSS 下にスクロールしても、追従するボタンのコードを書いたのですが、ボタンの中の画像が半分しか表示されない 1 2022/04/16 21:31
- HTML・CSS cssの display: flex;で横並びにならずに困ってます 1 2022/12/04 13:18
- HTML・CSS html/cssで要素が出てこなくて困ってます 1 2022/12/31 16:59
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/30 09:10
- HTML・CSS スクロールすると追従する画像のコードを書いているのですが、追従する画像の大きさの調節が上手くいきませ 2 2022/04/18 12:52
- HTML・CSS flex の各子要素を横幅 100% にしたい 1 2022/09/22 21:25
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
メニュー
-
HTMLタグ記述の方法
-
ボタンをセル内一杯に表示させ...
-
アップロードするとレイアウト...
-
ポップアップウィンドウのサイ...
-
IEのバグですか?イメージ写真...
-
【HTML/CSS】ボタンの枠が伸び...
-
IMG の横に文章、そしてまた IM...
-
サムネイルをマウスオーバーす...
-
ロールオーバーで画像が変わら...
-
zoomについて質問です。
-
imgタグの記述方法について、ご...
-
CSS3はもう使っても良い?
-
スタイルシートで「border-styl...
-
かなり初心者の質問です。簡単...
-
言語はhtml ですが、画像を中央...
-
画像の載せ方
-
マウスでドラッグ
-
スタイルシート line-heightの...
-
<img src="00.gif" border="0">...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
リンクを知らせる手のマークが...
-
ボタンをセル内一杯に表示させ...
-
htmlで画像を2個ずつ並べていき...
-
機種依存文字、m2(平方メート...
-
HTMLタグのDL DT DDを使ってli...
-
画像の場合のみ、下線を消す方...
-
画像を縦に並べたら隙間ができ...
-
画像のサイズが変わらない
-
ポップアップウィンドウのサイ...
-
inputタグでサーバにデータを送...
-
HTMLでボタンを横に2つ並べる方法
-
【HTML/CSS】ボタンの枠が伸び...
-
リンクをつけた画像をクリック...
-
XML画像データををHTMLで簡単に...
-
レスポンシブ対応のHTML・CSS(...
-
UDP通信を使うチャットプログラ...
-
HTMLのIMAGEに。。
-
ホームページで画像を横に並べ...
-
画像をクリックして元に戻すには
-
リンクを選択したときの青い枠...
おすすめ情報