- ベストアンサー
縦長広告をウェブページの右側に表示させるには…
- みんなの回答 （5）
- 専門家の回答
質問者が選んだベストアンサー
かなり昔の質問のようなので、既に解決されていたらすみません。 CSSの外部スタイルシートでbackgroundプロパティを使ってみてはどうですか。広告のファイルがad.jpgとしたときの一例です。 background : white url(ad.jpg) no-repeat scroll top right ; urlの部分はCSSファイルを基準とした相対urlか絶対urlで広告画像を指定します。 参考URLのほうがさらに丁寧です。 画像上側のpx単位での指定は出来そうですが、画像右側のpx単位での指定は難しい…というか出来ないかもしれません。パーセント指定で98%のようにしか細かく設定できないと思います。画像の右に余白を作ったほうが細かく指定できるかもしれません。
その他の回答 (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> ----------
- MtHill
- ベストアンサー率68% (17/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/ をご覧ください。
お礼
遅くなりましてすいませんでした。 二度も回答いただきましてありがとうございます。
- MtHill
- ベストアンサー率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="代替テキスト" align="right"> または <p style="float:right;"><img src="hoge.jpg" width="148" height="800" alt="代替テキスト"></p> のようにすればいいと思います。
お礼
回答ありがとうございますm(__)m しかし、こちらもチョット微妙にイメージと違うんですよね…。 ゴメンなさい…。わがままなもんで。 でも、このやり方が一番イメージと近いんですよ。 スタイルシートファイルにその画像を表示させるソースを書いておき、各ページにからそのスタイルシートのファイルにリンクするやり方では、ないでしょうかね？
- enzo_5150
- ベストアンサー率24% (8/33)
ページをフレーム化して、右側のフレームに広告の画像を表示させれば いいのではないかと思うのですが、そんな単純なことじゃなかったでしょうか？(^^; BORDER=0にすれば一見フレームに見えないですし。
お礼
返答が遅くてスイマセン…^_^; 回答ありがとうございます。 しかし、フレームはちょっと使いたくないんで…。
関連するQ&A
- 各ページの広告の貼り方(WEB作成)
趣味でWEB作成を楽しんでいます。 現在、800ページのサイトを運営しており、各ページに5つほど広告を貼っています。 月に1.2回クリック数を見て、広告の見直しをしていますが、全ページの広告を一つずつ直していくのが凄く面倒で効率が悪い事にようやく気づきました。 全てのページに同一の広告を貼る効率のいい方法ってなにかありますか？ ※Dreamweaverを使っています ※全て同じ位置に配置
- ベストアンサー
- その他([技術者向] コンピューター)
- このwebページを早く表示.する方法って？
私が現在webにアップしているサイトは１ページ当たり、横幅８５０×縦１６００ピクセルのページで６５ページあります。 サイトのディスク容量は８００MBです。 各ページには５６０×５６０ピクセル程度のJPG画像が平均３枚は掲載していて、１枚のファイルサイズも１６０MBと高画質にしています。 私自身は何時もサイトを表示させているのでページの移動速度がそんなに遅く感じないのですが、初めてクリックされる方には表示速度が遅いように思います。 何れにしても出来るだけページの表示速度を早くしたほうがいいと思いますが何か良い方法はあるでしょうか？ 詳しい方居られましたら宜しくご指導願います。
- ベストアンサー
- その他([技術者向] コンピューター)
- cssレイアウトで左が300pxで右側が残りすべてを表示させる
ホームページのデザインで左がメニューで右側がコンテンツのページを作っています。 横幅全体としては100％表示でメニューは常に300ピクセルにしたいです。 cssでいろいろやってみたのですが、メニューで300ピクセルを設定していても大きくなってしまいます。 うまく設定するにはどうすればいいでしょうか？
- 締切済み
- CSS
- googleアドワーズ広告の表示について
数時間前にgoogleアドワーズを申し込み、設定を完了しました。 広告診断ツールで確認したところ、設定したキーワードでちゃんと広告は表示されているという結果が出たのですが、googleの検索ページで検索すると、当方の広告が出てきません。。。 広告が表示されるのには時間がかかるのでしょうか？ それとも、検索するたびに毎回広告が表示されるわけではないのでしょうか？ googleを検索すると、いつも同じスポンサーの広告が出てきますが、「スポンサーサイト」のところに表示されるのがアドワーズ広告ですよね？
- 締切済み
- Googleサービス全般
- サイトの広告表示
FMV NF50W/V にてブラウザーは、IEを使用してます特定のサイトに限らず広告表示が出ます。画面の下（横長）や画面右側（縦長）の広告です。[×]をクリックすれば消えます。タスクマネージャーに広告は表示されません（ちなみにスタートページMYヤフーには出ない）
- 締切済み
- Windows Vista
- ＷＥＢ広告について
教えてください。 帰宅後の自宅でホッとインターネットでニュースやショッピングを楽しむ際、 左右に動くネット広告が頻繁に現れます。 これがとても酷くて邪魔！ とってもイライラして余計疲れてしまいます。 せめて動かないでくれれば、少しは我慢できるのですが。。 広告として企業やＷＥＢ側のイメージ効果が確実にマイナスなのに、とても不思議です。 友人もみな同じ事を言うので、こちらで尋ねてみます。 長くなりましたが、ページの左右や上下に繁盛に表れる動画広告をピクリとも 動かなくする（又は表示させない）ＰＣ設定方法があれば、是非教えてください。 難しいことは分からないので無理かもしれないけど、もし可能なら、と～っても嬉しいです。 宜しくお願い致します。
- 締切済み
- その他（インターネット・Webサービス）
- Ｙａｈｏｏのニュースの右側の広告を印刷したくない。
今日、Ｙａｈｏｏニュースを見てみたら、ホームページが新しくなっていて、ニュースの右横に広告やクイズなどが掲載されていました。今までは、１ページ目は広告などが上部と右側にあったのですが、２ページ目からは上部に広告があるだけで、右側にはありませんでした。広告まで印刷していると、紙が余計にいるので、右側の広告を印刷せずにニュースだけを印刷できる方法はないものでしょうか？宜しくお願い致します。
- 締切済み
- Yahoo!サービス全般
- Webページの広告等でPV保証型？？
とあるサイトのトップページに広告を載せたいと思っております。 各Webページに広告スペースありますよね？ その内容が、ページ固定型、～万PV以上を自由設定、保証PV、とか書いてあるのですがなんのことかわかりません。 PVとはなんの略でしょうか？ページビュー？？ どなたか詳しい方教えていただけませんか？よろしくお願いします。カテ違いなら申し訳ありません。
- ベストアンサー
- CSS
- ＜広告＞表示してますか
教えてｇｏｏサイトの事で 過去の質問・回答を見てみますと どうやら、右側の長細い灰色の部分には 広告が表示されているようですね 広告が "ウザッタイ" という意見もありました 私の場合、広告カットをしているので 表示されません 無料サイトであるｇｏｏを 利用する立場のものとして こういう行為は、いけない事かな 皆さんはどうでしょう
- ベストアンサー
- その他（インターネット・Webサービス）
お礼
回答ありがとうございます。 まだ、試していませんがこのあと試してみたいと思います。