- ベストアンサー
右から距離をとってfixedを使うと画像が消える
- 画像(幅36px高さ136px)を上から0px右から300pxの位置で固定して表示させる方法について質問です。
- 現在のソースでは画像が消えてしまうため、正しい方法を知りたいです。
- rightの300pxを0pxにすると表示されますが、どうしても右から300pxの距離をとりたいです。
- yuki_tigers
- お礼率55% (31/56)
- CSS
- 回答数3
- ありがとう数3
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
その他の回答 (2)
- ORUKA1951
- ベストアンサー率45% (5062/11036)
いえテスト済みです。 ⇒Another HTML-lint 5( http://www.htmllint.net/html-lint/htmllint.html# ) でチェック済みのHTML4.01strictです。 [全文] タブは＿に置換してあるので戻すこと <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="ja"> <head> ＿<meta http-equiv="content-type" content="text/html; charset=Shift_JIS"> ＿<title>サンプル</title> ＿<meta name="author" content="ORUKA1951"> ＿<meta http-equiv="Content-Style-Type" content="text/css"> ＿<link rev="made" href="mailto:oruka1951@hoge.com" title="send a mail" > ＿<link rel="START" href="../index.html"> ＿<style type="text/css"> <!-- a[href="http://yahoo.co.jp"]{ display:block; background-image: url("./images/test.png"); width:36px;height: 136px; position:fixed; top:0px;right: 300px; text-indent:-20em; overflow:hidden; } --> ＿</style> </head> <body> ＿<div class="header"> ＿＿<h1>タイトル</h1> ＿＿<p>このページでは・・・・</p> ＿</div> ＿<div class="section"> ＿＿<h2>見出し</h2> ＿＿<p><a href="http://yahoo.co.jp">テスト</a></p> ＿</div> ＿<div class="footer"> ＿＿<h2>文書情報</h2> ＿＿<dl class="documentHistry"> ＿＿＿<dt id="FIRST-PUBLISHED">First Published</dt> ＿＿＿<dd>2012-08-10</dd> ＿＿＿<dt id="LAST-MODIFIED">Last Modified</dt> ＿＿＿<dd>2012-08-10 12:00:00 (JST)</dd> ＿＿</dl> ＿＿<address>© ORUKA1951 2012 - 2016 All Rights Reserved mailto:*****</address> ＿</div> </body> </html>
お礼
うまくいきました。本当にありがとうございます！ ご丁寧に説明して下さったおかげです。本当にありがとうございました！
補足
ご丁寧なご回答ありがとうございます。 頂いた内容で確認させて頂き、夜間に改めて報告します。
- ORUKA1951
- ベストアンサー率45% (5062/11036)
a[href="http://yahoo.co.jp"]{ display:block; background-image: url("./images/test.png"); width:36px;height: 136px; position:fixed; top:0px;right: 300px; }
補足
ご回答ありがとうございました。 しかし、教えて頂いた通りに入力しましたが、画像は表示されませんでした。 やはり右から距離をとってのfixed使用は難しいものなのでしょうか？ 他に解る方がいましたら、ご回答お願いします。
お礼
うまくいきました。本当にありがとうございます！ ご丁寧に説明して下さったおかげです。本当にありがとうございました！