- ベストアンサー
壁紙のリンク設定方法に困っています。
現在 サイトの壁紙の設定を 下記のようにしています。 <head> <style type="text/css"> <!-- body { background-color:#ffffff; background-image:url("画像URL"); background-position:100% 0%; background-repeat:repeat-y; } --> </style> </head> 縦長に、サイトの右側に連続して 画像が並んでいます。 この並んでいる画像（壁紙部分）をクリックして 別のページに飛ぶよう リンクを設定したいのですが そんな事は出来るのでしょうか。 2-3日程 検索をしていましたが 良い方法見つからないので そんな事は出来ないのかな と思っています。 ご存知の方がいらっしゃいましたら、ご教授お願いします。 m(_ _)m
- Jugulator
- お礼率100% (3/3)
- HTML
- 回答数3
- ありがとう数6
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
どのような完成を目指しているのか分かりませんが、リンクを画像で表示したいということだとすると、出発点からも違っています。 最初にすることは、リンクをきちんとマークアップすることです。 たとえば、 <ul id="links" class="nav"> <li><a href="page1.html">ページ１</a></li> <li><a href="page2.html">ページ２</a></li> <li><a href="page3.html">ページ３</a></li> </ul> というふうに、スタイルシートを解釈しない携帯電話や読み上げブラウザ、点字ブラウザ、そして検索エンジンもきちんと解釈できるように。 その後で、ディスプレイ(screen)では、画像を背景に表示するようにデザインしていきます。 ここからは、実際のイメージが分からないので示しませんが、示されたソースから、同じ画像を縦に並べているように見受けられますが、その場合はリンク一つ一つの背景に画像を指定したほうが良いでしょう。
その他の回答 (2)
- kyotokyo
- ベストアンサー率35% (27/77)
javascriptのonclickメソッドを使うか それともすでに回答があるように透明なオブジェクトをおいておくか 回答策としてはこのあたりでしょう。 透明なオブジェクトを置いた方が HTMLだけで実現できるのでわかりやすいかもしれないですね
お礼
javascriptですか、使った事が無いのですが、検索して調べてみます。＾＾； 上手く出来なければ、透明な画像を置いてみます。 ご回答 ありがとうございます。m(_ _)m
- chie65535
- ベストアンサー率43% (8516/19360)
「透明な大きな画像」を配置して、画像のボーダーラインを０にして、画像にリンクを指定してはどうでしょう？
お礼
早速のご回答 ありがとうございます。 なるほど 壁紙がリンクにならずとも、それならクリック出来ますね。 上手く出来るか わかりませんが、試してみたいと思います。 ありがとうございます。m(_ _)m
関連するQ&A
- 壁紙を二つ固定したい。（ＨＴＭＬ）
ホームページを作っていてＨＴＭＬで壁紙を左横と真ん中に固定して、二つ表示されるようにしたくて、下記の設定をしたのですが、どちらか一つしか表示されません。説明がわかりにくくてすみません。 どうしたらいいでしょうか？？ お手数をおかけしますが、よろしくお願いします。 <head> <style type="text/css"> <!-- body{ background-image: url(画像のＵＲＬ); background-attachment: fixed; background-repeat: no-repeat; background-position: 55% 50%; body{ background-image: url(画像ＵＲＬ); background-attachment: fixed; background-repeat: repeat-y; background-position: left; } --> </style> </head>
- ベストアンサー
- その他（インターネット・Webサービス）
- 壁紙（画像の固定）
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> ↑これは反映されなくて、ｃｓｓだと反映されます。 しかしｃｓｓに、 background-image:url(画像ＵＲＬ) background-repeat:no-repeat; background-position:right bottom; ↑こう入れても反映されません。何故でしょうか？どういうタグを使えばいいのですか？
- 締切済み
- ブログ
- 固定壁紙がアップできないヴィルダーがありますが
友人のパソコンがＨＰヴィルダーから固定壁紙がアップ出来ないというのです。 ちなみに私のパソコンからはヴィルダーから簡単に固定壁紙がアップ出来ました。 電話なのでよくわかりませんが聞くところによると、ちゃんと固定壁紙のソース <STYLE TYPE="text/css"> <!-- BODY { background-image : url("画像の名前"); background-repeat : no-repeat; background-attachment : fixed; background-position : left bottom; background-color:#FFFFFF; } --> </STYLE> を<HEAD>～～</HEAD>の間に貼っているんだけどアップ出来ずに文字がそのままアップされるとか・・・ もちろん全部フィルは転送しているそうです。 もしヴィルダーの中を設定変更をしなければいけない場所があれば詳しく教えていただけませんでしょうか！ 宜しくお願いします。
- 締切済み
- Windows XP
- 右一列に壁紙を固定
スタイルシートで壁紙を上一列や、左一列に固定するものがありますよね？ 私は右一列に壁紙を固定したいのですが、なぜか出来ないんです。 タグ講座のＨＰのタグをもらってそれを貼りつけているんですが なぜか表示されないんです。（ちゃんと<head>～</head>内に入れました） どうして表示されないんでしょうか？ 配布されているタグが間違っているのでしょうか・・・？ 一応、配布されているタグを載せておきます。 右一列に壁紙を固定する方法を知っている方がいましたら教えてください。 <STYLE type="text/css"> <!-- BODY { background-color: #------; background-image : url("壁紙のURL"); background-position: 100% 0%; background-repeat: repeat-y; background-attachment: fixed; } --> </STYLE> では、よろしくお願いします。
- 締切済み
- CSS
- テーブルにスタイルシートを使う方法
こんにちは、テーブルタグのことで質問があります。 普通、背景画像でスタイルシートを使い右下などに固定するタグは <STYLE TYPE="text/css"> <!-- BODY { background-image : url("画像の名前"); background-repeat : no-repeat; background-attachment : fixed; background-position : left bottom; background-color:#FFFFFF; } --> </STYLE> となると思いますが、これは通常<head></head>の間にいれますよね。 これをテーブルの中で使うにはどうすればいいでしょう？ テーブルの背景画像を右下や左下などに固定したいということなんですがそういうことはできますか？ よろしくお願いします；
- 締切済み
- HTML
- スタイルシートを使ったボーダーレフト壁紙の作り方
壁紙を、片側だけ、もしくは、両サイドにだけ、画像を敷き詰めた壁紙を作りたいのですが、素材屋さんのところで書かれてある例を貼りつけてみましたが、 画像がなにも出てきません。 <HTML> <HEAD> <TITLE></TITLE> <STYLE type="text/css"> <!-- body{ background-attachment:fixed;} background-color:#000000; background-image:url(sbg001.jpg); background-repeat:no-repeat;} --> </STYLE> </HEAD> <BODY bgcolor="#000000" text="#f0f8ff" link="#a6caf0" vlink="#a6caf0"> ： ： こんな感じですが、 どこを、どう直せばいいですか？ 具体的に教えてください。 よろしくお願いします。
- ベストアンサー
- その他（インターネット・Webサービス）
- 壁紙＋画像（右・左・上・下）
これなんですが… どなたか教えていただけませんか？ ↓は壁紙の色に（右に縦に画像）が並んで表示されます。 </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枚の壁紙に 一度に４ヵ所画像を並べられますか？ （左に縦に画像を並べる） 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
- ホームページ作成
背景を右下に設定する時は <style type="text/css"> <!-- body{ background-image: url(背景画像のURL); background-attachment: fixed; background-repeat: no-repeat; background-position: right bottom; } --> </style> を<head>から</head>までに書けばいいと書いてあったので <html> <head> <meta http-equiv="content-type" content="text/html; charset=EUC-JP"> <title>無題</title> <meta name="generator" content=" 6.0.0.49"> <style type="text/css"> <!-- body{ background-image: url(背景画像のURL); background-attachment: fixed; background-repeat: no-repeat; background-position: right bottom; } --> </style> </head> <body bgcolor="white" text="black" link="blue" vlink="purple" alink="red"> <p style="line-height:150%;"> </p> </body> </html> と書きましたがダメでした。 どこが間違っていますか？ またどうすれば直るか教えてください。 当たり前ですが、「画像URL」のところはちゃんとアドレスに置き換えました。
- ベストアンサー
- Windows XP
- 背景固定タグ
ＨＰ作り初心者です。 http://m-space.jp/でＨＰを作成しています。 背景を固定したくていろいろ調べたんですが、 うまくいきません。 ある、素材サイトで <STYLE type="text/css"> <!-- BODY { background-image : url("壁紙のURL"); background-attachment: fixed; background-position: 100% 100%; background-repeat: no-repeat ; } --> </STYLE> を<head></head>の間にはさんでくださいとかいてあったんですがよくわかりません・・。 説明不足ですみません。 初心者なんで、詳しく教えていただきたいです。
- ベストアンサー
- その他（インターネット・Webサービス）
- 右下背景固定のタグをはって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）や画像ファイルはまちがえてないと思います （フォレストでホームページをつくっているのですが、「マイ アルバム」で、ちゃんとその画像のアドレスをつかっているので） どうしてでしょう？ 教えてください!! ほかに簡単な方法があればそれも教えていただきたいです。
- 締切済み
- その他([技術者向] コンピューター)
お礼
まだ初心者で 見慣れないタグと専門用語が ＾＾； 検索して確認してみます。 >示されたソースから、同じ画像を縦に並べているように見受けられますが 仰る通りです。同じ画像を縦に並べています。 リンク一つ一つの背景に画像を指定ですか、試してみます。 ご回答ありがとうございます。m(_ _)m もう少し色々と調べて試してみようと思います。 皆さんどうもありがとうございました。 またお世話になると思いますが、その時も どうかよろしくお願いします。＾＾；