商品バナーを一定の間隔を保ちながら3つ 横に並べて貼りたいのですが、3つのバナーがくっついて貼れてしまううえにページの上部に表示されずに下のほうに落ちて表示されてしまいます。
検索して試した方法は
<table cellspacing="0" cellpadding="0">
<tr>
<td>
★
</td>
<td>
★
</td>
<td>
★
</td>
</tr>
</table>
★のところに貼りたいコピーしたバナーのコード?を貼り付けるという方法でした。
htmlが良く分かっていないので分かりやすくどなたか
商品バナーを一定の間隔を保ちながら3つ 横に並べる方法を教えて下さい。使用しているのはjugemの無料ブログです。
宜しくお願いします。
No.1
- 回答日時:
<td>の所に幅の属性を入れればよい
例えば
<td width="200">
★
</td>
見たいな風に
画像の属性は統一しないとデザインが崩れるから注意
この回答への補足
回答有り難う御座います。
教えて頂いた通り<td width="200">に入れ換えたところ 理想どうりの間隔でバナーを貼れることが出来ました。
言葉に表せないくらい嬉しいです(嬉しい)
ただ・・やはりバナーはページの上部に表示されずに下のほうに落ちて表示されてしまいます。どのように対処したらよいものでしょうか?
重ねての質問で恐縮ですが教えて頂けると嬉しいです。
宜しくお願いします。
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.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.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.5ベストアンサー
- 回答日時:
貼ってあるURLでファイルのチェックをしてみましたでしょうか?
チェックして問題なかったとすれば後は
CSSの中身がおかしい
ぐらいしないかもしれません。
説明文とテーブルの間を空けたい場合だと
ちょっと不恰好ですが
<hr size="*">
とか
<img src="★" hight="*">
★は白の1ドットで試してみる
とか
<br></br>
を連続させるとか
テーブル内に空(空白)の升を組み込むとか
(*は適当な数字を入れる)
いろいろやり方はあるので
好みのものでどうぞ。
こんばんわ。。
いろいろ試していましたのでお礼が遅くなりました。。どうにも勉強不足なもので いましばらく格闘が続きそうなので先にお礼を言わせて下さいね。何度も回答して頂き本当に有り難う御座いました。。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・街中で見かけて「グッときた人」の思い出
- ・「一気に最後まで読んだ」本、教えて下さい!
- ・幼稚園時代「何組」でしたか?
- ・激凹みから立ち直る方法
- ・1つだけ過去を変えられるとしたら?
- ・【あるあるbot連動企画】あるあるbotに投稿したけど採用されなかったあるある募集
- ・【あるあるbot連動企画】フォロワー20万人のアカウントであなたのあるあるを披露してみませんか?
- ・映画のエンドロール観る派?観ない派?
- ・海外旅行から帰ってきたら、まず何を食べる?
- ・誕生日にもらった意外なもの
- ・天使と悪魔選手権
- ・ちょっと先の未来クイズ第2問
- ・【大喜利】【投稿~9/7】 ロボットの住む世界で流行ってる罰ゲームとは?
- ・推しミネラルウォーターはありますか?
- ・都道府県穴埋めゲーム
- ・この人頭いいなと思ったエピソード
- ・準・究極の選択
- ・ゆるやかでぃべーと タイムマシンを破壊すべきか。
- ・歩いた自慢大会
- ・許せない心理テスト
- ・字面がカッコいい英単語
- ・これ何て呼びますか Part2
- ・人生で一番思い出に残ってる靴
- ・ゆるやかでぃべーと すべての高校生はアルバイトをするべきだ。
- ・初めて自分の家と他人の家が違う、と意識した時
- ・単二電池
- ・チョコミントアイス
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
機器内部の青いマジックは何の...
-
中古ソフトを県外で買いました...
-
ウェブ面談って何年ぐらい前か...
-
スプーン spoonアプリ!人気あ...
-
急に非通知着信がめちゃくちゃ...
-
車載カーナビのSDカードに保存...
-
「PC Helpsoft Driver Updated...
-
カーステレオ配線で使うような...
-
star stax のインストールについて
-
ps3のシステムアップデートをし...
-
Windows11 24H2について
-
ニンテンドーの2022年バンガラ...
-
Redmi Pad SE はmineoのau回線...
-
スマホの画面をTVに映したいの...
-
iPhone使用中、画面が一瞬真っ...
-
北京語と日本語の翻訳アプリ 広...
-
EOKIOのヘッドフォンのペアリン...
-
スマホの画面に張りつくタイプ...
-
Zoomミーティングを作成して欲...
-
アップルのair tagって近年のア...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
htmlで改行タグを入れていない...
-
テーブルwidthで指定したのに幅...
-
テーブルが一行下がる・・・
-
画像(jpg、GIF)に重ね...
-
iframeについて・・・
-
《初心者です》HTMLの改行無効...
-
画像クリックで指定のテーブル...
-
HTMLでテーブル幅を固定しても...
-
バナーを並べて貼りたい
-
tableの中にtableを作ると、wid...
-
隠しページの探し方
-
アクセスログの「HEAD」と...
-
http://www.joho-hi.ed.jp/inde...
-
数値Lについて
-
大きくなった文字を元に戻すには?
-
ドラッグすると見える文字
-
アドレスバーへの直接入力を禁...
-
メールの文字が大きく印刷され...
-
PDFファイルをリンクするには?
-
ドメインを入力した際に「index...
おすすめ情報