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

解決済

質問者：bouzu_e
質問日時：2002/03/14 00:24
回答数：5件

148*800くらいの縦長の広告を右側に表示させるには、どのようにしたら良いのでしょうか？
出来たらピクセル値を設定しておき、毎回その場所にイメージを表示させたいのです。
実際、サイトの全てのページの右側にそのような広告を表示させたいと思っています。
どのようにすれば、よいのでしょうか。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (5件)

ベストアンサー優先
最新から表示
回答順に表示

No.5ベストアンサー

回答者： crossam
回答日時：2002/08/07 15:22

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

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

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

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

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

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

参考URL：http://www.tg.rim.or.jp/~hexane/ach/cs1r/cs1r03. …

- 0
- 件

通報する

No.4

回答者： noname#1505
回答日時：2002/03/15 12:46

これでどうでしょうか？

csslib.css ------

------------

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>
----------

- 0
- 件

通報する

この回答へのお礼

回答ありがとうございます。
まだ、試していませんがこのあと試してみたいと思います。

通報する

お礼日時：2002/03/24 01:05

No.3

回答者： MtHill
回答日時：2002/03/15 00:25

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/
をご覧ください。

参考URL：http://tohoho.wakusei.ne.jp/js/

- 0
- 件

通報する

この回答へのお礼

遅くなりましてすいませんでした。
二度も回答いただきましてありがとうございます。

通報する

お礼日時：2002/03/24 01:04

No.2

回答者： MtHill
回答日時：2002/03/14 12:41

http://www.vector.co.jp/vpack/filearea/win/util/ …
上記サイトのように 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>
のようにすればいいと思います。

- 0
- 件

通報する

この回答へのお礼

回答ありがとうございますm(__)m
しかし、こちらもチョット微妙にイメージと違うんですよね…。
ゴメンなさい…。わがままなもんで。
でも、このやり方が一番イメージと近いんですよ。
スタイルシートファイルにその画像を表示させるソースを書いておき、各ページにからそのスタイルシートのファイルにリンクするやり方では、ないでしょうかね？

通報する

お礼日時：2002/03/14 23:35