スタイルシートで、常に画面の右下にロゴなどの画像を表示させる方法(スクロールしても、ウインドウの大きさを変えても)がありますが、この画像にハイパーリンクを張ることはできるのでしょうか?
できるとしたらその方法について教えてください。
このやり方については、下記をご参照ください:
http://www.hotwired.co.jp/webmonkey/98/24/stuff4 …
No.6ベストアンサー
- 回答日時:
こんにちは。
No.2、No.5、みたびです。>実際にそういうページ存在するので、不可能なはずはないですから、がんばってください。
って書きましたけど、さすがにちょっと無責任な気がしたので、サンプルスクリプトのページをご紹介します。
画面右下にロゴイメージを表示する(DHTML)
http://www.oitaweb.ne.jp/hp/tatsuya/java/banner. …
クロスブラウザを制する Part 2 2-7 位置固定
http://allabout.co.jp/computer/javascript/closeu …
ご参考になさってください。
すばらしい!
まさに、こういうことです。
>>はじめからJavascriptでやれって!?
本当にありがとうございました、多謝。
No.5
- 回答日時:
>「ただ単に壁紙を固定位置に貼るだけのテクニックでしかない...」というのは、誤解されていると思うのですが
いえ、誤解はしていないと思っていますけれども。
もうちょっと正確に書くと、
「ただ単に壁紙を(連続媒体としてではなく)閲覧領域の固定位置に貼るテクニック」
ということです。
閲覧領域に対してですのでスクロールしてもウィンドウサイズを変えても常に定位置にあるのは確かです。
で、これ(閲覧領域に対して固定する)を(通常の要素に対して)実現するスタイルが、CSS2にはあるので、スタイルシートだけでできるんじゃないか??と思っていたんですよ。
position:fixed で。
でも、申し訳ありません!!
確認していなかったんですが、CSS2なんてサポートされていないですね。
少なくてもIE5.01では使えなかったですし、ie6.0も完全対応を謳っているのはCSS1のレベル。
すみませんでした。
#ちなみに、floatは文章の流れ込みが可能になるのであって、周りの文章から独立したポジションをとれるわけではありません。周りの文章はfloat設定された要素の存在に影響されます。影響されないようにレイヤー状態にしてやる必要があります。
なので、現状ではDynamicHTMLやJavaScriptをつかって、(もちろんブラウザごとに場合分け処理もして)実現するしかないと思います。
実際にそういうページ存在するので、不可能なはずはないですから、がんばってください。
#たぶん、CSS1,JavaScript,IEとNNそれぞれの独自スタイルなDynamicHTMLすべてを駆使する必要があると思います
>> で、これ(閲覧領域に対して固定する)を(通常の要素に対して)実現
>> するスタイルが、CSS2にはあるので、スタイルシートだけでできるん
>> じゃないか??と思っていたんですよ。
>> position:fixed で。
スタイルシートってすごいですね(というか、コンピューター技術そのものがすごいのかもしれないけど)。
わたしは最近その使い方を(ほんの少しだけ)理解して、虜にされてしまいました...。あまり懲りすぎるときりがないので程々にしたいと思いつつ、のめりこんでます(おかげで本来の仕事が手につかない!)。
でも、JavascriptやDHTMLなどとの使い分けなどについては実はよくわかってないので、まだまだ勉強不足は自覚してますが。
いろいろとありがとうございます。どういう方法にしろできることがわかったので、張り合いがもてました。
No.4
- 回答日時:
なるほどねー私も少し意図するところを誤解していました。
固定画像にリンクを貼る方法はわかれど、スクロールしても消えないとなると
ちょっとわかりかねます。ごめんなさい。
そもそも例のURLのは、属性がbackgroundとなっている以上
これをいじってリンクをってのは不可能だと思います。
下の方がおっしゃっているようにスクリプトでなんとかなるかもしれませんが
(画像固定ではなく常にロゴマークの小さなウインドウを手前に出すようにし、
そこにリンク貼るとか)
当方スクリプトは詳しくないので…(^^;)
現時点では無理でも、将来出来る様になるかも。位しか言い様がないですね。
アドバイスにならずにごめんなさいね。
No.3
- 回答日時:
URLに書いてあるのは、画像固定ではなく、
「背景画像を固定させる」やり方ですので、リンクを貼るのは無理だと思います。
スタイルシートで画像を固定させ、さらにリンクを貼るには
スタイル内に
img{
margin-top:固定させる数値+単位。以下同じ;
margin-bottom:;
margin-left:;
margin-right:;
}
<body>内に
<a href="リンク先アドレス"><img src="画像のアドレス"></a>
と、するといいでしょう。
この回答への補足
上記方法で試してみましたが、うまく書けてないのかもわかりませんが、
img{
margin-top:固定させる数値+単位;
margin-bottom:(上に同じ、以下同じ);
margin-left:;
margin-right:;
}
では、画像の位置は固定されませんか?
ウインドウの大きさによって可動な配置指定というのはできるのでしょうか?
ありがとうございました。
皆さんからのアドバイスは、非常に参考になります。
...でも、意図するようなことはうまくできません。これはそもそもできないことをやろうとしているのでしょうか。
上記の方法も試してみましたが、どうもうまくいきません。それは私の書き方が間違っているのでしょうか、それとも本来的にできないことなのでしょうか...?
No.2
- 回答日時:
>このやり方については、下記をご参照ください:
>http://www.hotwired.co.jp/webmonkey/98/24/stuff4 …
拝見しましたが、できないと思います。
というより、これを「常に画面の右下にロゴなどの画像を表示させるテクニック」というのはどうかなぁ?と思います。
これって、ただ単に壁紙を固定位置に貼るだけのテクニックでしかないですよね。壁紙の代わりにロゴを貼っているだけであって。
壁紙は、backgroundのプロパティの一つだと思いますから無理でしょう。
スタイルシートを使った「常に画面の右下にロゴなどの画像を表示させるテクニック」と言うならば、おそらく、positionなどを使って画像を含むブロック要素をフローティング要素にして、ブラウザの特定の場所に配置しておくようにするべきじゃないかと思います。この場合でしたら、普通にリンクなども張れますし。
この回答への補足
「ただ単に壁紙を固定位置に貼るだけのテクニックでしかない...」というのは、誤解されていると思うのですが、わたしの理解が誤っていますか?
「固定位置に貼」られた画像の場合、スクロールするとページ全体といっしょに上下(または横スクロールの場合は左右)して、視界からやがて消えていきますよね。
ここ(http://www.hotwired.co.jp/webmonkey/98/24/stuff4 …)で示されている右下のロゴは、スクロールしてもウインドウの大きさを変えてもブラウザウインドウの右端についてきます(ウインドウサイズを変えてみてください)。
さて、
「positionなどを使って画像を含むブロック要素をフローティング要素にして、ブラウザの指定の場所に配置しておくようにする」
とのことでしたので、
なるほどと思い、floatプロパティを使って下記のように指定してみました。
img.float {float: right }
画像に、"float"というクラスを指定しました。
ところが、これだと確かに画像が右下に表示されるのですが、スクロールすると隠れてしまいます(つまり、ページの中で位置が固定されているわけです)。
教えていただいた方法とは違うことをしてますでしょうか?
これを隠れないように、ページの中の位置として指定するのではなく、ブラウザのウインドウ上の位置として画像の配置指定をすることができるのでしょうか?
理解不足や誤解によって誤ったことをしている/書いている場合は、何卒ご容赦ください。
基本的には皆さんからのご回答をみると、バックグランド指定の画像にリンクをつけることはできないということで理解しました。
ありがとうございました。
No.1
- 回答日時:
早速のご回答ありがとうございます。
JAVAというのは、Javascriptですね?
スタイルシートもようやく少しわかりかけた(といえるのやら...?)ところですので、Javascriptにはまだまだ手が回りません...。
上にご紹介いただいた「とほほ...」は、ブックマークに入れているのですが、なかなかじっくりと読めないまま今日まできています。
もっと勉強しないといかんなあとは思うのですが。
いずれにしろ、ありがとうございました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS 画像が分割されて切り替わる、ループアニメーションが作りたい 7 2023/05/27 17:12
- Excel(エクセル) excelで検索した商品の画像(ネットワーク上の)を表示させたい。 3 2023/06/28 00:32
- Windows 10 壁紙フォルダが表示されない 1 2022/11/16 21:58
- フリーソフト 画像貼り付け、URLに飛べる軽いメモ帳 3 2022/05/12 07:42
- Excel(エクセル) エクセルのハイパーリンクで別BOOKを開く 3 2022/10/26 18:48
- Excel(エクセル) ウインドウ枠とスクロール 2 2022/06/11 21:17
- その他(OS) Mac OSの操作について 2 2022/06/08 09:19
- HTML・CSS トリミングで表示した画像をクリックで元どおりにしたい 3 2022/12/16 18:49
- WordPress(ワードプレス) 【Wordpress】headerの上に文字 4 2022/09/11 14:52
- Safari(サファリ) インターネットの画面を左右に寄せて閲覧する方法を教えてください 1 2022/05/18 21:03
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
男の人はやってるとき 彼女がす...
-
彼と体の相性が良すぎて悩んで...
-
夫婦の夜の営みについてです。 ...
-
女性が喘いでいるときの男性の...
-
高校生です。彼氏の前で初めて...
-
抱きしめたときに勃起したあそ...
-
彼氏と毎日セックスするのは異...
-
彼女が感じやすくて可愛い
-
もし週1しか恋人と会えなかった...
-
男性の方に質問です。 バックで...
-
男の人ってなんですぐ勃つの?...
-
クンニしたことある人ー ま○こ...
-
キスすれば相手を好きでなくて...
-
彼氏のセックスが下手すぎで幻...
-
SEXの相性が良すぎると男はダメ...
-
男性に質問です! 電話だけで勃...
-
初体験って気持ちいいの? 男の...
-
セックス中に動画や写真を撮る...
-
兄妹や姉弟で、キスやエッチし...
-
彼女がフェラをしてくれません。
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
男の人はやってるとき 彼女がす...
-
彼と体の相性が良すぎて悩んで...
-
高校生です。彼氏の前で初めて...
-
夫婦の夜の営みについてです。 ...
-
女性が喘いでいるときの男性の...
-
抱きしめたときに勃起したあそ...
-
彼氏と毎日セックスするのは異...
-
彼女が感じやすくて可愛い
-
もし週1しか恋人と会えなかった...
-
兄妹や姉弟で、キスやエッチし...
-
男の人ってなんですぐ勃つの?...
-
SEXの相性が良すぎると男はダメ...
-
彼氏のセックスが下手すぎで幻...
-
クンニしたことある人ー ま○こ...
-
初体験って気持ちいいの? 男の...
-
男性に質問です! 電話だけで勃...
-
彼女がフェラをしてくれません。
-
男性の方に質問です。 バックで...
-
彼氏が勃っていました。 高校生...
-
風俗を利用した事がある男性の...
おすすめ情報