• ベストアンサー

HP作成/広告表示について

忍者ツールでHP作成中です。 規定の広告の表示位置がうまく一番下に表示されないので 質問させてもらいます。 http://www.shinobi.jp/faq/category.html?category_id=3#95 ↑ではHTMLに誤り等があると書いてありますが、超がつくほどの素人のため なかなか解消できずにいます。 どなたかアドバイスよろしくお願いします。 製作中ソースは下記です。 <html> <head> <body> <body bgcolor="#ffffff"> <p> <div align="center"> next <br><br><br><A Href="http://★" Target="_blank"> 12/2 イベント</a><br><br><br><br> 11/13 更新<br><br> 11/14 更新予定 <img src="☆.jpg" border="0" style="position:absolute;top:320px;left:460px;"> <img src="★.jpg" border="0" style="position:absolute;top:320px;left:460px;"> </A Href></font></style> </A></style></div></body> </HTML> </head> <title>メイン</title> 不要タグなど他のご指摘は今回スルーさせて頂きます。 広告表示位置がなぜか『11/14 更新予定』の真下に表示されてしまいます。

質問者が選んだベストアンサー

  • ベストアンサー
  • STICKY2006
  • ベストアンサー率29% (1536/5269)
回答No.1

こんばんちは。 >>不要タグなどのご指摘は今回はスルーさせて頂きます。 書き込みのソースを信用するのでしたら、不要タグの指摘をスルーする限りは完成しないと思いますのでご了承ください。 不要タグの指摘をしますので、スルーするようでしたら読まなくてもかまいません。 「HTML」は一番最初と最後に書く。 「head」「title」「body」タグはそれぞれセットで使う。 書く順番はそろえたほうがいい。 以上のことが基本ではないかと思います。 <html> <head> <title></title> </head> <body> </body> </html> 大抵の場合、元は上記のタグになるかと思います。 その中にいろいろ書き込んでいきます。 上記タグについては、1つのソース内で1度しか使わないタグになります。 実際にブラウザに表示される内容は<body>~</body>タグの間に記述するわけですが、その中でも「タグはそれぞれセットで使う」の基本は必要です。 <a>~</a> <div>~</div> <font>~</font> です。 以上を踏まえると ・<body>が2つ存在している。 ・<style>で始まるタグは無いのに</style>が登場している。 ・</html>よりも後にタグが書かれている。 など修正点は多いと思います。 <html> <head> <title></title> </head> <body> <img src="☆.jpg" border="0" style="position:absolute;top:320px;left:460px;"> </body> </html> とりあえず、このソースをそのまま表示させてみるのもいいかもと思いますよ。 画像の大きさにもよりますが、画像のファイル名とおいてある場所を間違えなければ 画面の中央よりやや右あたりにでも表示されるかと思います。

npsr
質問者

お礼

ありがとうございます。わかりやすい説明で難なく 解決しました!

その他の回答 (1)

noname#23734
noname#23734
回答No.2

<html> <head> <body> <body bgcolor="#ffffff"> <p> <div align="center"> next <br><br><br><A Href="http://★" Target="_blank"> 12/2 イベント</a><br><br><br><br> 11/13 更新<br><br> 11/14 更新予定 <img src="☆.jpg" border="0" style="position:absolute;top:320px;left:460px;"> <img src="★.jpg" border="0" style="position:absolute;top:320px;left:460px;"> </A Href></font></style> </A></style></div><!-- google_ad_section_start(weight=ignore) --> <ul class="tdftad"> 広告 </ul> <!-- google_ad_section_end --></div></body> </HTML> </head> <title>メイン</title> 広告が挿入されるとこんな感じになるのかと思います。 広告は</BODY>の直前に入るとするとimgはposition:absoluteだから続く要素はposition:absoluteの要素がないものとして流し込まれる。 そうすると11/14 更新予定の下に広告が入るのが自然ではないでしょうか。

npsr
質問者

お礼

あまりに私が無知でした。助かりました。ありがとうございます

関連するQ&A

専門家に質問してみよう