OKWAVEのAI「あい」が美容・健康の悩みに最適な回答をご提案!
-PR-
解決
済み

縦長広告をウェブページの右側に表示させるには…

  • すぐに回答を!
  • 質問No.234738
  • 閲覧数231
  • ありがとう数4
  • 気になる数0
  • 回答数5
  • コメント数0

お礼率 48% (17/35)

148*800くらいの縦長の広告を右側に表示させるには、どのようにしたら良いのでしょうか?
出来たらピクセル値を設定しておき、毎回その場所にイメージを表示させたいのです。
実際、サイトの全てのページの右側にそのような広告を表示させたいと思っています。
どのようにすれば、よいのでしょうか。
通報する
  • 回答数5
  • 気になる
    質問をブックマークします。
    マイページでまとめて確認できます。

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

  • 回答No.5
レベル4

ベストアンサー率 100% (1/1)

かなり昔の質問のようなので、既に解決されていたらすみません。

CSSの外部スタイルシートでbackgroundプロパティを使ってみてはどうですか。広告のファイルがad.jpgとしたときの一例です。

background : white url(ad.jpg) no-repeat scroll top right ;

urlの部分はCSSファイルを基準とした相対urlか絶対urlで広告画像を指定します。

参考URLのほうがさらに丁寧です。

画像上側のpx単位での指定は出来そうですが、画像右側のpx単位での指定は難しい…というか出来ないかもしれません。パーセント指定で98%のようにしか細かく設定できないと思います。画像の右に余白を作ったほうが細かく指定できるかもしれません。
-PR-
-PR-

その他の回答 (全4件)

  • 回答No.1
レベル8

ベストアンサー率 24% (8/33)

ページをフレーム化して、右側のフレームに広告の画像を表示させれば いいのではないかと思うのですが、そんな単純なことじゃなかったでしょうか?(^^; BORDER=0にすれば一見フレームに見えないですし。 ...続きを読む
ページをフレーム化して、右側のフレームに広告の画像を表示させれば
いいのではないかと思うのですが、そんな単純なことじゃなかったでしょうか?(^^;
BORDER=0にすれば一見フレームに見えないですし。
お礼コメント
bouzu_e

お礼率 48% (17/35)

返答が遅くてスイマセン…^_^;
回答ありがとうございます。
しかし、フレームはちょっと使いたくないんで…。
投稿日時 - 2002-03-14 23:31:53


  • 回答No.2
レベル8

ベストアンサー率 68% (17/25)

http://www.vector.co.jp/vpack/filearea/win/util/text/find/index.html 上記サイトのように 148 × 800 ピクセルの画像を右側に張り、テキストを回り込ませたいなら、 <img src="hoge.jpg" width="148" height="800" alt=& ...続きを読む
http://www.vector.co.jp/vpack/filearea/win/util/text/find/index.html
上記サイトのように 148 × 800 ピクセルの画像を右側に張り、テキストを回り込ませたいなら、
<img src="hoge.jpg" width="148" height="800" alt="代替テキスト" align="right">
または
<p style="float:right;"><img src="hoge.jpg" width="148" height="800" alt="代替テキスト"></p>
のようにすればいいと思います。
お礼コメント
bouzu_e

お礼率 48% (17/35)

回答ありがとうございますm(__)m
しかし、こちらもチョット微妙にイメージと違うんですよね…。
ゴメンなさい…。わがままなもんで。
でも、このやり方が一番イメージと近いんですよ。
スタイルシートファイルにその画像を表示させるソースを書いておき、各ページにからそのスタイルシートのファイルにリンクするやり方では、ないでしょうかね?
投稿日時 - 2002-03-14 23:35:44
  • 回答No.3
レベル8

ベストアンサー率 68% (17/25)

No.2 の「お礼」に書かれている内容は JavaScript の外部ファイルのことだと思います。 http://www.hoge.com/ にリンクした hoge.jpg という148*800 ピクセルの 画像をすべてのページの右側に表示させる、と仮定して説明します。 // ここから下から document.write('<p style="float:righ ...続きを読む
No.2 の「お礼」に書かれている内容は JavaScript の外部ファイルのことだと思います。

http://www.hoge.com/ にリンクした hoge.jpg という148*800 ピクセルの
画像をすべてのページの右側に表示させる、と仮定して説明します。

// ここから下から
document.write('<p style="float:right;"><a href="http://www.hoge.com/"><img src="http://www.your-isp.ne.jp/~yourname/hoge.jpg" width="148" height="800" alt="代替テキスト"></a></p>');
// ここより上まで改行を入れずに

上記のスクリプトをコピーし、hoge.js の名前で保存します。
そして、すべてのページのソースで次のように記述します。

<script src="http://www.your-isp.ne.jp/~yourname/hoge.js" type="text/javascript"></script>

上記の例は絶対パスで記述していますが、相対パスでも結構です。

JavaScript の基本は「とほほのJavaScriptリファレンス」
http://tohoho.wakusei.ne.jp/js/
をご覧ください。
お礼コメント
bouzu_e

お礼率 48% (17/35)

遅くなりましてすいませんでした。
二度も回答いただきましてありがとうございます。
投稿日時 - 2002-03-24 01:04:59
  • 回答No.4

これでどうでしょうか? csslib.css ------ <!-- .tbl{ width:100%; border-style:solid; } .leftcell{ margin-top:0px; margin-left:0px; vertical-align:top ...続きを読む
これでどうでしょうか?
csslib.css ------
<!--
.tbl{ width:100%;
border-style:solid;
}
.leftcell{ margin-top:0px;
margin-left:0px;
vertical-align:top;
height:800px;
}
.rightcell{ margin-top:0px;
margin-left:0px;
vertical-align:top;
width:148px;
height:800px;
}
.img{ width:148;
height:800;
border-decoration:none;
}
-->
------------

index.html ------
<html>
<head>
<link rel="stylesheet" name="csslib.css" type="text/css">
<title>TEST</title>
</head>
<body>
<table class="tbl">
<tr>
<td class="leftcell">
テキスト表示部分
</td>
<td class="rightcell">
<img src="img.jpg" alt="広告" class="img">
</td>
</tr>
</table>
</body>
</html>
----------
お礼コメント
bouzu_e

お礼率 48% (17/35)

回答ありがとうございます。
まだ、試していませんがこのあと試してみたいと思います。
投稿日時 - 2002-03-24 01:05:53
このQ&Aで解決しましたか?
関連するQ&A
-PR-
-PR-
こんな書き方もあるよ!この情報は知ってる?あなたの知識を教えて!
このQ&Aにはまだコメントがありません。
あなたの思ったこと、知っていることをここにコメントしてみましょう。

その他の関連するQ&A、テーマをキーワードで探す

キーワードでQ&A、テーマを検索する
-PR-
-PR-
-PR-

特集


いま みんなが気になるQ&A

関連するQ&A

-PR-

ピックアップ

-PR-
ページ先頭へ