![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?8acaa2e)
http://storeuser8.auctions.yahoo.co.jp/jp/user/j …
このサイトの右サイドメニューのバナーの微妙な空白があるのとないのが見られます。HTMLでどのように違いを記述するのでしょうか?たとえば、サイドメニューの最上部”オススメ商品”と”新品未使用”の間には空白がなく、その下の”アイテム別検索”と”リング”の間には空白があります。ネックレスとペンダントトップというバナーにも空白があるように。ソースを見たのですが、違いがみつけられません。どなかたよろしくお願いします。
No.2ベストアンサー
- 回答日時:
こちらのサイトではtableをつかってレイアウトされているようですね。
問題の箇所(右サイドメニューではなく左?)のソースを確認しましたが、記述に原因があるようです。
<tr><td>
<img SRC=***.jpg WIDTH=** HEIGHT=** BORDER=0></td></tr>
↑下に空白がない記述
<tr><td>
<img SRC=***.jpg WIDTH=** HEIGHT=** BORDER=0>
</td></tr>
↑下に空白ができている記述
分かりますでしょうか?
「</td></tr>の前に改行してるかどうか」が原因となっています。
(firefoxでは空白は出来ませんが)
ちなみに、これは有名ですが
<a href="">1</a><a href="">2</a><a href="">3</a>
と
<a href="">1</a>
<a href="">2</a>
<a href="">3</a>
とでは、同じ内容でも記述方法によってレイアウトが変わります。
No.1
- 回答日時:
確認していませんが、アンカーで囲っているかいないかの違いではないでしょうか?
IEのみで起こるようです。
問題の部分に<img src="画像へのリンク" style="display:block;">
とすると直るかもしれません。
あと、知識として空白等の見た目を制御するのはHTMLではなくCSSの扱う範囲ですので覚えておくと良いと思います。
おせっかいついでに、このような画像のメニューにはimg要素に対してalt属性をつけてやったほうが親切です。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- 財務・会計・経理 経理仕訳について教えていただきたいです。 ※発生仕訳必須 1月分給与(1/1−1/31分)に12月の 1 2023/02/24 16:16
- HTML・CSS リンクバナーのHTMLタグ。画像を変えたり、設置位置を変えるとバナー貼付け側はどう見える? 2 2023/02/01 12:01
- Excel(エクセル) エクセルの表でダブりを解消する方法を、教えてください。 5 2023/04/12 12:11
- 出会い・合コン 合コンや飲み会白けて微妙な空気でお開きになったことありますか? そういったときの気の取り直しかた教え 2 2023/04/02 03:38
- Excel(エクセル) Excelについて 4 2023/03/12 17:43
- Excel(エクセル) Excelについて質問です(ver2019) 1 2023/06/30 21:20
- Visual Basic(VBA) ExcelVBAのマクロについて。 9 2022/05/04 14:50
- Excel(エクセル) capeofdragonと申します Excel2016を使っておりまして 半角又は全角の任意文字列が 2 2022/10/31 13:51
- Excel(エクセル) グループの最後の行に書式、計算式なども同じ行を追加するマクロを教えてもらえませんか。 7 2022/05/18 10:13
- Visual Basic(VBA) VBA 改行コードの取り方 1 2022/03/22 14:14
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
スタイルシートを組むと、テー...
-
<td> 内のテーブルを上寄せにす...
-
バナーとバナーとの微妙な空白
-
ヤフオクのHTML説明文表示が少...
-
スタイルシートで<table>の内側...
-
挿入した文字に枠をつけたい
-
CSSのtransform: translate(-50...
-
エクセルでサイズに合ったもの...
-
text-alignの解除の方法
-
【ホームページビルダー】表の...
-
ホームページビルダーで表の列...
-
ホームページビルダー 空白の...
-
サイト全体を中央に表示したい...
-
Excel セルの幅が合わない
-
指定時間になったら、WEBサイト...
-
【DreamWeaver】セルの幅を変更...
-
とても困ってます!!助けてく...
-
location.hrefの使用条件について
-
ピクセル表示をパーセント表示...
-
文字を左上に配置したい。
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
table内で画像と文字をセンター...
-
<td> 内のテーブルを上寄せにす...
-
HTMLでテーブルを縦に並べたい!
-
テーブルで3セル作った行の下に...
-
表の中に表
-
Excelで可視部分だけをWeb形式...
-
1ページにテーブルを複数設定...
-
壁紙に複数の画像を使いたい
-
テーブルの中のグラデーション...
-
オンマウスでプルダウンメニュ...
-
表の中でのフォーム
-
テーブルとテーブルの間に、隙...
-
WebにてExcelを生成してダウン...
-
htmlのセル幅固定の仕方
-
忍者簡単ホームページの画像が...
-
GoLiveCSで、ホームページをど...
-
QNo.63294の続き 棒グラフを動...
-
テーブル全体の枠線の色を変え...
-
<緊急>テーブルを使わないで...
-
プリントアウト時、ページ内容...
おすすめ情報