商品バナーを一定の間隔を保ちながら3つ 横に並べて貼りたいのですが、3つのバナーがくっついて貼れてしまううえにページの上部に表示されずに下のほうに落ちて表示されてしまいます。
検索して試した方法は
<table cellspacing="0" cellpadding="0">
<tr>
<td>
★
</td>
<td>
★
</td>
<td>
★
</td>
</tr>
</table>
★のところに貼りたいコピーしたバナーのコード?を貼り付けるという方法でした。
htmlが良く分かっていないので分かりやすくどなたか
商品バナーを一定の間隔を保ちながら3つ 横に並べる方法を教えて下さい。使用しているのはjugemの無料ブログです。
宜しくお願いします。
No.5ベストアンサー
- 回答日時:
貼ってあるURLでファイルのチェックをしてみましたでしょうか?
チェックして問題なかったとすれば後は
CSSの中身がおかしい
ぐらいしないかもしれません。
説明文とテーブルの間を空けたい場合だと
ちょっと不恰好ですが
<hr size="*">
とか
<img src="★" hight="*">
★は白の1ドットで試してみる
とか
<br></br>
を連続させるとか
テーブル内に空(空白)の升を組み込むとか
(*は適当な数字を入れる)
いろいろやり方はあるので
好みのものでどうぞ。
こんばんわ。。
いろいろ試していましたのでお礼が遅くなりました。。どうにも勉強不足なもので いましばらく格闘が続きそうなので先にお礼を言わせて下さいね。何度も回答して頂き本当に有り難う御座いました。。
No.4
- 回答日時:
これが完全なコピぺだとして
いきなり間違ってます(^^;
「生薬(しょうやく)<span 」ここが間違い
「生薬(しょうやく)</span> 」ですね
おそらくこれかな
(手打ち派だと結構よくやるw(自分も手打ち派))
あとは
<table cellspacing="1" cellpadding="1">
は元に戻して良いですよ
P.S.あと自分が参考程度に使っているHTML診断サイトを貼っておきます。
参考URL:http://openlab.ring.gr.jp/k16/htmllint/htmllint. …
この回答への補足
こんにちは。。何度も回答を有り難う御座います。
いきなりすごいミスをしてました(^^;
ただこちらは今回の質問とは関係がなかったようです・・
(でも おかげさまで <spanを </span>に直した箇所は訂正することが出来ました^^)
相変わらず説明文とバナーの間には空白があり説明文のすぐ下にバナーが表示されません。
昨日、少し調べてみたのですが、なんとなくイメージできたのは、均等にスペースを空けるためには それを指示するタグ?htlm?を加える必要があるような感じがしました。
何度も恐縮なのですが教えて頂けたら嬉しいです。宜しくお願いします。
No.3
- 回答日時:
タグを支障のない程度に書き出せないでしょうか?
タグがどうなっているかちょっと解らないので
できればおねがいします。
この回答への補足
こんばんわ。。どこを参考にされるのか分からないもので取り敢えず
全部貼り付けてみます。
<span style="color:#000000">動植物や鉱物など、自然界に存在する天然の物をそのまま使う薬を「生薬(しょうやく)<span 」と呼びます。
そして最適な治療効果をあげるために数種類の「生薬」を組み合わせて処方したものが漢方薬です。</span>
<span style="color:#ff0000">現代では大学病院や総合病院においても漢方薬の効能に着目し漢方外来を設ける施設が増えています。</span>
<table cellspacing="1" cellpadding="1">
<tr>
<td width="200">
<iframe src="http://rcm-jp.amazon.co.jp/e/cm?lt1=_blank&bc1=0 … style="width:120px;height:240px;" scrolling="no" marginwidth="0" marginheight="0" frameborder="0"></iframe>
</td>
<td width="200">
<iframe src="http://rcm-jp.amazon.co.jp/e/cm?lt1=_blank&bc1=0 … style="width:120px;height:240px;" scrolling="no" marginwidth="0" marginheight="0" frameborder="0"></iframe>
</td>
<td width="200">
<iframe src="http://rcm-jp.amazon.co.jp/e/cm?lt1=_blank&bc1=0 … style="width:120px;height:240px;" scrolling="no" marginwidth="0" marginheight="0" frameborder="0"></iframe>
</td>
</tr>
</table>
これですべてです。何度も申し訳ないです(恐縮・・)
宜しくお願いします。
No.2
- 回答日時:
下のほうに落ちるというのがどんな状態なのか解らないのですが
<table>の上になにかタグがないか見て、あれば属性の確認orテーブルより下に
(上部必須のはモチロン動かさないようにする)
なければ<table cellspacing="0" cellpadding="0">
を<table cellspacing="1" cellpadding="1">にしてテーブル内部の状態を確認してみてください。
何かが邪魔をしている可能性があります
この回答への補足
こんにちは。重ねての回答有り難う御座います。
教えて頂いたように<table cellspacing="1" cellpadding="1">に置き換えて試してみたところ並べたバナーは以前より気持ちページの上部に表示されますが、まだまだ下部表示になってしまいます。
希望するページの形ですが、最初に5行の説明文を書き、説明文の下に3つ並べたバナーを表示させたいと考えています。(説明文と3つ並べたバナーがくっいてしまわないように説明文とバナーとの間は
3cmすき間(間隔・かんかく)を空けて表示したいです。
今の状況ですが、5行の説明文はページの最初から正常に始まって表示されますが、並んだバナーは説明文のすぐ下になく、長い空白のあと
出現します(表示されます) 説明文からバナーまでの距離が長いです。説明が分かりにくくてすみません・・
><table>の上になにかタグがないか見て
<table>の上は5行の説明文があります。
>属性の確認orテーブルより下に
属性とテーブルとを検索して回答して頂いたことを確認しようとしたのですが難しすぎて理解が・・・(汗)
ページの中にあるのは5行の説明文と
<table cellspacing="1" cellpadding="1">
<tr>
<td>
★
</td>
<td>
★
</td>
<td>
★
</td>
</tr>
</table>
だけです。
説明文から3cm、間隔をあけてバナーを表示させたいのですが あとどのようにしたらよいでしょうか・・
重ねて 宜しくお願いします。
No.1
- 回答日時:
<td>の所に幅の属性を入れればよい
例えば
<td width="200">
★
</td>
見たいな風に
画像の属性は統一しないとデザインが崩れるから注意
この回答への補足
回答有り難う御座います。
教えて頂いた通り<td width="200">に入れ換えたところ 理想どうりの間隔でバナーを貼れることが出来ました。
言葉に表せないくらい嬉しいです(嬉しい)
ただ・・やはりバナーはページの上部に表示されずに下のほうに落ちて表示されてしまいます。どのように対処したらよいものでしょうか?
重ねての質問で恐縮ですが教えて頂けると嬉しいです。
宜しくお願いします。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Visual Basic(VBA) Selenium.ChromeDriverの使い方について 7 2022/09/22 06:43
- HTML・CSS テーブルタグのセルの幅の一部だけを指定 1 2023/03/12 12:02
- MySQL SQL任意に並び替えをしたい 2 2023/08/28 10:47
- JavaScript EasyUIのSubGrid(jquery)におけるObjectに入れた連想配列について 1 2022/05/02 11:21
- HTML・CSS 自身のHPにYouTube動画を貼り付けるのが出来なくなり困ってます 1 2022/11/11 10:44
- JavaScript jQueryで同じクラス名のものを別物として扱いたい 1 2022/06/17 14:14
- PHP htmlで複数の個数入力欄を表示させるには 1 2022/09/20 03:11
- AJAX JavascriptからPHPへのAjax通信でnullが返ってくる 3 2022/08/03 22:00
- HTML・CSS 【CSS】:hasで可能? imgを含むtr要素を選択したい 1 2022/11/17 14:36
- HTML・CSS リンクバナーのHTMLタグ。画像を変えたり、設置位置を変えるとバナー貼付け側はどう見える? 2 2023/02/01 12:01
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
3COINSのスマートウォッチを使...
-
電池のLR44 LR43 LR41は、LR113...
-
「PC Helpsoft Driver Updated...
-
メルカリで普通郵便で購入した...
-
楽譜を簡単に作成できるスマホ...
-
タブレットの電磁波防ぐ方法あ...
-
『入門コンピュータ科学』(ASC...
-
PS4でAPEXの動画を録画出来ると...
-
パソコンの同期について
-
初めてのプロジェクターをどれ...
-
PCで困った時
-
DIGA ネット経由で出来なくなった
-
DELLのパソコンを購入しました...
-
DVDメディアがこんなことになっ...
-
※ ブルーレイ(Panasonic製DMR-B...
-
3dsが勝手に消しても電源が着い...
-
日本に、Microsoftのような会社...
-
「日経PC21」はイイ雑誌ですか...
-
スマートウォッチ
-
母の誕生日プレゼントとしてス...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
htmlで改行タグを入れていない...
-
画像(jpg、GIF)に重ね...
-
テーブルが一行下がる・・・
-
テーブルwidthで指定したのに幅...
-
HTMLでテーブル幅を固定しても...
-
HPでイメージを中央、テーブル...
-
画像クリックで指定のテーブル...
-
テーブルの枠の中にテーブルを設置
-
隠しページの探し方
-
大きくなった文字を元に戻すには?
-
ドラッグすると見える文字
-
アクセスログの「HEAD」と...
-
数値Lについて
-
ヘッダーを共通化した場合のSEO...
-
PDFファイルをリンクするには?
-
CSSで謎の現象
-
BASIC認証を複数設定するには?
-
macでhtmlのタグを打って、開い...
-
昔のゲーム、ブラックオニキス...
-
EXCEL WORD POWERPOINTなどの...
おすすめ情報