プロが教える店舗&オフィスのセキュリティ対策術

商品バナーを一定の間隔を保ちながら3つ 横に並べて貼りたいのですが、3つのバナーがくっついて貼れてしまううえにページの上部に表示されずに下のほうに落ちて表示されてしまいます。

検索して試した方法は

<table cellspacing="0" cellpadding="0">
<tr>
<td>

</td>



<td>

</td>



<td>

</td>
</tr>
</table>

★のところに貼りたいコピーしたバナーのコード?を貼り付けるという方法でした。
htmlが良く分かっていないので分かりやすくどなたか
商品バナーを一定の間隔を保ちながら3つ 横に並べる方法を教えて下さい。使用しているのはjugemの無料ブログです。
宜しくお願いします。

A 回答 (5件)

貼ってあるURLでファイルのチェックをしてみましたでしょうか?


チェックして問題なかったとすれば後は
CSSの中身がおかしい
ぐらいしないかもしれません。
説明文とテーブルの間を空けたい場合だと
ちょっと不恰好ですが
<hr size="*">
とか
<img src="★" hight="*">
★は白の1ドットで試してみる
とか
<br></br>
を連続させるとか
テーブル内に空(空白)の升を組み込むとか
(*は適当な数字を入れる)
いろいろやり方はあるので
好みのものでどうぞ。
    • good
    • 0
この回答へのお礼

こんばんわ。。
いろいろ試していましたのでお礼が遅くなりました。。どうにも勉強不足なもので いましばらく格闘が続きそうなので先にお礼を言わせて下さいね。何度も回答して頂き本当に有り難う御座いました。。

お礼日時:2009/10/02 00:31

これが完全なコピぺだとして


いきなり間違ってます(^^;
「生薬(しょうやく)<span 」ここが間違い
「生薬(しょうやく)</span> 」ですね
おそらくこれかな
(手打ち派だと結構よくやるw(自分も手打ち派))
あとは
<table cellspacing="1" cellpadding="1">
は元に戻して良いですよ

P.S.あと自分が参考程度に使っているHTML診断サイトを貼っておきます。

参考URL:http://openlab.ring.gr.jp/k16/htmllint/htmllint. …

この回答への補足

こんにちは。。何度も回答を有り難う御座います。
いきなりすごいミスをしてました(^^;
ただこちらは今回の質問とは関係がなかったようです・・
(でも おかげさまで <spanを </span>に直した箇所は訂正することが出来ました^^)

相変わらず説明文とバナーの間には空白があり説明文のすぐ下にバナーが表示されません。
昨日、少し調べてみたのですが、なんとなくイメージできたのは、均等にスペースを空けるためには それを指示するタグ?htlm?を加える必要があるような感じがしました。
何度も恐縮なのですが教えて頂けたら嬉しいです。宜しくお願いします。

補足日時:2009/09/29 09:10
    • good
    • 0

タグを支障のない程度に書き出せないでしょうか?


タグがどうなっているかちょっと解らないので
できればおねがいします。

この回答への補足

こんばんわ。。どこを参考にされるのか分からないもので取り敢えず
全部貼り付けてみます。
<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>

これですべてです。何度も申し訳ないです(恐縮・・)
宜しくお願いします。

補足日時:2009/09/28 00:48
    • good
    • 0

下のほうに落ちるというのがどんな状態なのか解らないのですが


<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、間隔をあけてバナーを表示させたいのですが あとどのようにしたらよいでしょうか・・
重ねて 宜しくお願いします。

補足日時:2009/09/27 17:05
    • good
    • 0

<td>の所に幅の属性を入れればよい


例えば
<td width="200">

</td>
見たいな風に
画像の属性は統一しないとデザインが崩れるから注意

この回答への補足

回答有り難う御座います。
教えて頂いた通り<td width="200">に入れ換えたところ 理想どうりの間隔でバナーを貼れることが出来ました。
言葉に表せないくらい嬉しいです(嬉しい)
ただ・・やはりバナーはページの上部に表示されずに下のほうに落ちて表示されてしまいます。どのように対処したらよいものでしょうか?
重ねての質問で恐縮ですが教えて頂けると嬉しいです。
宜しくお願いします。

補足日時:2009/09/26 23:19
    • good
    • 0

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!