こういう画面をテーブルで作りたいのですが、どうしても変になります。
┌─┐┌─┐┌─┐
│画││画││画│
│ │└─┘│ │
│ │┌─┐│ │
│ ││ ││ │
│ │└─┘│ │
│ │┌─┐│ │
│像││画││像│
└─┘└─┘└─┘
周りを画像で囲み、真ん中を開けてそこに字を打ち込みたいと思っています。
周りの画像は自分で切った1枚のもので、表示後にはまた1枚の画像に見えるようにしたいのですが、画像と画像の隙間がどうしても埋まらず、背景の色が線になって画像の合体を邪魔します。
上下の小さな画像は引き延ばしたりしているのですが、何が原因なのか教えて頂けませんか?ちなみにそのタグを下にペーストします。
<TABLE>
<TBODY>
<TR>
<TD rowspan="3"><IMG src="***.gif"></TD>
<TD height="26"><IMG src="***.gif"></TD>
<TD rowspan="3"><IMG src="***.gif"></TD>
</TR>
<TR>
<TD height="242" bgcolor="#ffffff"></TD>
</TR>
<TR>
<TD height="170"><IMG src="***.gif"></TD>
</TR>
</TBODY>
</TABLE>
No.1ベストアンサー
- 回答日時:
以下のように、変更してみてはいかがでしょうか?
各行のタグの前の*は変更している行です。
* <TABLE border="0" cellspacing="0" cellpadding="0">
<TBODY>
<TR>
* <TD rowspan="3"><IMG src="***.gif" border="0"></TD>
* <TD height="26"><IMG src="***.gif" border="0"></></TD>
* <TD rowspan="3"><IMG src="***.gif" border="0"></></TD>
</TR>
<TR>
<TD height="242" bgcolor="#ffffff"></TD>
</TR>
<TR>
* <TD height="170"><IMG src="***.gif" border="0"></></TD>
</TR>
</TBODY>
</TABLE>
ありがとうございます。おかげさまでほぼ直りました。
しかしやはり1カ所だけ下の背景色の線が出たのですが、それはHPビルダーの機能で画像を引き延ばし、何とか完成いたしました。
なぜこうなってしまったのかは分からずじまいですので、今後も勉強していきたいと思います。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript jQueryで同じクラス名のものを別物として扱いたい 1 2022/06/17 14:14
- HTML・CSS テーブルタグのセルの幅の一部だけを指定 1 2023/03/12 12:02
- HTML・CSS 【CSS】:hasで可能? imgを含むtr要素を選択したい 1 2022/11/17 14:36
- HTML・CSS 自身のHPにYouTube動画を貼り付けるのが出来なくなり困ってます 1 2022/11/11 10:44
- Visual Basic(VBA) Selenium.ChromeDriverの使い方について 7 2022/09/22 06:43
- AJAX JavascriptからPHPへのAjax通信でnullが返ってくる 3 2022/08/03 22:00
- JavaScript EasyUIのSubGrid(jquery)におけるObjectに入れた連想配列について 1 2022/05/02 11:21
- PHP htmlで複数の個数入力欄を表示させるには 1 2022/09/20 03:11
- MySQL SQL任意に並び替えをしたい 2 2023/08/28 10:47
- JavaScript html5に変えるとスライドショーが消えてしまった。 3 2022/03/26 19:53
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
goo は、放置?
-
htmlの文字が縦書きになる
-
WEBページを強制的に横画面で見...
-
テーブルの行を折りたたみたい...
-
css初心者 フレックスボックス...
-
HTML電卓で1文字消す方法
-
HTMLですCSSです 画像のように...
-
テーブルタグのセルの幅の一部...
-
WEBサイト 画像の直接リンクに...
-
CSSについて教えてください。 ...
-
青い枠のみのHTML
-
HTMLです 店主のこだわりという...
-
HTMLです 四角みたいにして中に...
-
初心者html・CSS ウィンドウを...
-
12月のカレンダーを表すHTMLを...
-
pythonに自分で作ったHTMLを、...
-
HTMLです次の意味を持つ要素ま...
-
アコーディオンメニューが思う...
-
スマホ(android)のタッチパネ...
-
HTMLの CSSのファイルというの...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
htmlの文字が縦書きになる
-
テーブルの行を折りたたみたい...
-
htmlで<form>~</form>を並べて...
-
WEBページを強制的に横画面で見...
-
コードを書いて下さい( ; ; )...
-
css初心者 フレックスボックス...
-
テーブルのセルデータを自動改...
-
CSSデータの作成方法について(...
-
HTMLで画像をポップアップで表...
-
メモ帳の段落の揃え方
-
スマホ(android)のタッチパネ...
-
HTMLで特定の文字だけ色を変え...
-
プログラミングの勉強が進みません
-
スマホでHTMLファイルを開いて...
-
テーブルタグのセルの幅の一部...
-
CSSでつくったメニューのアニメ...
-
大至急。webのシングルページを...
-
角丸画像の背景色を透明にした...
-
HTML入門でもう躓いてしまった。
-
HTMLの CSSのファイルというの...
おすすめ情報