画像を固定して貼りたい方法とリンク化、追加画像について
- 画像を固定して貼りたい方法について説明します。また、画像をリンク化することも可能です。更に、追加の画像を横に増やすこともできます。
- 画像を固定して貼りたい方法と画像をリンク化する方法について解説します。さらに、追加の画像を横に増やすことも可能です。
- この記事では、画像を固定して貼りたい方法や画像をリンク化する方法について紹介します。さらに、追加の画像を横に増やすこともできます。
- ベストアンサー
画像を固定して貼りたいとおもい、下記のように記述しました。
画像を固定して貼りたいとおもい、下記のように記述しました。 <STYLE type="text/css"> <!-- body { background-image : url("pigu1.png"); background-attachment: fixed; background-position: 0% 0%; background-repeat: no-repeat; background-color:#666666; } --> </STYLE> これをリンクにすることは可能でしょうか? また、画像を横にもう一つ増やせるのでしょうか? 教えてください。 宜しくお願いします。
- cococomail2
- お礼率35% (28/80)
- HTML
- 回答数1
- ありがとう数2
- みんなの回答 (1)
- 専門家の回答
質問者が選んだベストアンサー
ご提示の場合、画像を背景として指定していますので、画像部分のみにリンクさせるのは難しいでしょう。 HTMLソース内に通常の <a href ~><img ~></a> の記述を行うことで、画像部分に対するリンクが可能になります。 どうしてもこのままというのを無理やり実現するのなら、javascriptで画面のクリックされた位置を分析し、画像が表示されている範囲だったらリンクみたいなことは不可能ではないと思いますが、まず現実的ではないでしょう。 >また、画像を横にもう一つ増やせるのでしょうか? 背景の繰り返しは、ご提示の background-repeat: no-repeat; の部分で指定されています。 横方向の繰り返しは repeat-x、縦方向の繰り返しは repeat-y となりますが、1個だけという指定はできません。 どうしても1個だけ繰り返したいのであれば、背景の画像をあらかじめそのような(2個並んだ)ものにしておいて、 no-repeat で表示すれば可能です。
関連するQ&A
- 壁紙(画像の固定)
http://dsc.jugem.jp/?tid=23 ↑のテンプレを使用するつもりですが、このトップに画像をおきたいのですが、 例えば、壁紙をダウンロードしてきて貼り付けたら、一つの画像がいっぱい反映されるのです。 っていう事は固定すべきですよね? htmlで<STYLE type="text/css"> <!-- BODY { background-image : url("画像URL"); background-attachment: fixed; background-position: 100% 100%; background-repeat: no-repeat ; } --> </STYLE> ↑これは反映されなくて、cssだと反映されます。 しかしcssに、 background-image:url(画像URL) background-repeat:no-repeat; background-position:right bottom; ↑こう入れても反映されません。何故でしょうか?どういうタグを使えばいいのですか?
- 締切済み
- ブログ
- ホームページビルダーV9での背景固定について
ホームページビルダーV9を使っています。 そこで、背景を固定したいのですが上手くいきません。 ソースに下のようなタグを入れても画像が表示されないんです。 どうしたら良いか教えてください。 <STYLE type="text/css"> <!-- BODY { background-color: #------; background-image : url("画像のURL"); background-attachment: fixed; background-position: 50% 50%; background-repeat: no-repeat; } --> </STYLE>
- 締切済み
- ホームページ作成ソフト
- 壁紙を二つ固定したい。(HTML)
ホームページを作っていてHTMLで壁紙を左横と真ん中に固定して、二つ表示されるようにしたくて、下記の設定をしたのですが、どちらか一つしか表示されません。説明がわかりにくくてすみません。 どうしたらいいでしょうか?? お手数をおかけしますが、よろしくお願いします。 <head> <style type="text/css"> <!-- body{ background-image: url(画像のURL); background-attachment: fixed; background-repeat: no-repeat; background-position: 55% 50%; body{ background-image: url(画像URL); background-attachment: fixed; background-repeat: repeat-y; background-position: left; } --> </style> </head>
- ベストアンサー
- その他(インターネット・Webサービス)
- HTMLでの背景画像設定について
はじめまして。 HP作成初心者なのですが、いろいろとネットで調べながら作成しています。 フレームを使っていて、メニュー画面側のほうに画像をふたつ使いたいと考えています。 それぞれ左上と左下とで固定する画像なのですが、それがどうしてもふたつ同時に表示できません。 <style type="text/css"> <!-- BODY {background-image : url("bg2.jpg");background-position: 100 0%; background-repeat: no-repeat;background-attachment: fixed;} --> </style> <style type="text/css"> <!--BODY {background-image : url("bg.jpg");background-position: 0 100%; background-repeat: no-repeat;background-attachment: fixed;} --> </style> という感じに記述しているのですが、こうすると、下にあるbg.jpgのみが反映されてしまって、bg2.jpgは反映されません。 また、bg2.jpgの上には文字を重ねたいと考えているのですが、そのようにタグを編集してもうまく表示できません。 ご回答よろしくお願いいたします。
- ベストアンサー
- ホームページ作成ソフト
- 2つ画像を背景にするスタイルシートってある?
1つの画像をスタイルシートで背景にするのは、知ってるんですが、2つの画像を同じページに背景にはできるのでしょうか?下記は1つの画像を背景にするスタイルシートです。これのどこかをいじれば可能なのでしょうか? <STYLE TYPE="text/css"> <!-- BODY { background-image:素材のURL; background-position:0% 100%; background-repeat:no-repeat; background-attachment:fixed; } --> </STYLE>
- 締切済み
- CSS
- 背景と別の画像を右下に固定して表示するには?
(1)背景を表示して、さらに(2)右下の位置に固定して別の画像を表示することは出来るのでしょうか? (1)だけなら、BODYタグの中で設定すれば出来ました。 (2)だけなら、某サイトでコピペしたものを使わせてもらい、表示することが出来ました。 しかし、二つを同時にしようとすると、2番目のものしか表示されません。 どうすべきなのか、無理なのか、ご存知の方、教えてください。 ちなみに、(2)のコピペとは以下のものです。スタイルシートというのでしょうか?良くわかりませんが。 <STYLE TYPE="text/css"> <!-- BODY{ background-image:url(gazou.png); background-attachment :fixed; background-repeat: no-repeat; background-position: 100% 100%; } --> </STYLE>
- ベストアンサー
- HTML
- 画像の貼り付けについて。
普通に画面上部に貼り付けることはできるのですが、リピートして貼り付けることができません。 <STYLE type="text/css"> <!-- body{ background-attachment:fixed; background-color:#000000; background-image:url(0266.jpg); background-position:top center; background-repeat:repeat-x;} --> </STYLE> ↑これはどこか違っているのでしょうか?
- ベストアンサー
- レンタルサーバ・ASP
- 右下背景固定のタグをはってurlもはったのですが画像がでません!
<HEAD> <STYLE TYPE="text/css"> <!-- BODY { background-image : url("画像のURL"); background-attachment: fixed; background-position:100% 100%; background-repeat: no-repeat; } --> </STYLE> </HEAD> こういうふうにうって画像のURLを張ったのですが 画像がうつりません。 アドレス(URL)や画像ファイルはまちがえてないと思います (フォレストでホームページをつくっているのですが、「マイ アルバム」で、ちゃんとその画像のアドレスをつかっているので) どうしてでしょう? 教えてください!! ほかに簡単な方法があればそれも教えていただきたいです。
- 締切済み
- その他([技術者向] コンピューター)
- 背景を固定した時の表の背景
こんにちは。HPを制作し始めたばかりの初心者です。 質問です。 背景をこんな感じて固定した時 <STYLE type="text/css"> <!-- BODY{ background-image : url(○○.jpg); background-repeat : no-repeat; background-attachment : fixed; background-position : 90% 50%; } --> 作ってる表の背景画像が無効になっちゃいます。 なんか間違ってるんでしょうか??? お答えを頂けると有り難いのですが。
- ベストアンサー
- HTML
- 壁紙+画像(右・左・上・下)
これなんですが… どなたか教えていただけませんか? ↓は壁紙の色に(右に縦に画像)が並んで表示されます。 </STYLE> </style> <STYLE type="text/css"> <!-- BODY { background-color: #D6D6AD; background-image: url("○○○jpg"); background-repeat:repeat-y; background-attachment: fixed; background-position: right; } --> </STYLE> あと… ↓のをどのように入れれば上の1枚の壁紙に 一度に4ヵ所画像を並べられますか? (左に縦に画像を並べる) background-color: #D6D6AD; background-image: url("○○○.jpg"); background-repeat: repeat-y; background-attachment: fixed; background-position: left; (上に画像を横に並べる) background-color: #D6D6AD; background-image: url("○○○.jpg"); background-repeat: repeat-x; background-attachment: fixed; background-position: top; (下に画像を横に並べる) background-color: #D6D6AD; background-image: url("○○○.jpg"); background-repeat: repeat-x; background-attachment: fixed; background-position: botom; 宜しくお願いします。m( _"_ )mペコ♪
- ベストアンサー
- HTML
お礼
そうでしたか・・・ ありがとうございます。 別の方法を考えます。