みんなの「教えて(疑問・質問)」にみんなで「答える」Q&Aコミュニティ

こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

解決済みの質問

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

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

投稿日時 - 2002-03-14 00:24:04

QNo.234738

すぐに回答ほしいです

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

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

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

投稿日時 - 2002-08-07 15:22:32

ANo.5

このQ&Aは役に立ちましたか?

0人が「このQ&Aが役に立った」と投票しています

回答(5)

ANo.4

これでどうでしょうか?
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>
----------

投稿日時 - 2002-03-15 12:46:51

お礼

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

投稿日時 - 2002-03-24 01:05:53

ANo.3

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/

投稿日時 - 2002-03-15 00:25:29

お礼

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

投稿日時 - 2002-03-24 01:04:59

ANo.2

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>
のようにすればいいと思います。

投稿日時 - 2002-03-14 12:41:33

お礼

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

投稿日時 - 2002-03-14 23:35:44

ANo.1

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

投稿日時 - 2002-03-14 09:48:52

お礼

返答が遅くてスイマセン…^_^;
回答ありがとうございます。
しかし、フレームはちょっと使いたくないんで…。

投稿日時 - 2002-03-14 23:31:53

あなたにオススメの質問