- ベストアンサー
画像をウィンドウ中央に固定しリンクを貼るには。
スタイルシートで画像を中央に固定すると、リンクは貼れませんよね？ それとも貼れるのでしょうか。貼れるのなら方法を教えてください。 他の方法で同じようなことが出来るのなら、その方法を教えてください。 よろしくお願いします。
- steam1986
- お礼率68% (11/16)
- その他（インターネット・Webサービス）
- 回答数4
- ありがとう数1
- みんなの回答 （4）
- 専門家の回答
質問者が選んだベストアンサー
うわぁぁぁ！背景画像ですね。それは気が付かなかった…。 すいません、背景画像にリンクを貼ることは出来ないと思います。 ・画面中央に固定して、 ・ウィンドウサイズを変えても中央にある画像で、 ・リンクが貼れる物、 と言うことでしたら、 １・tableを使う ２・JavaScriptを使う ３・macromedia FLASHを使う という方法があります。 とりあえず、１のサンプルを… <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=x-sjis"> <TITLE>sample</TITLE> </HEAD> <BODY> <TABLE width="100%" height="100%" cellpadding="0" cellspacing="0" border="0"> <TR> <TD align="center"> <A href="http://www.okweb.ne.jp/"> <IMG src="http://www.okweb.ne.jp/images/okweb_logo32c_130w.gif" border="0" width="130" height="130"> </A> </TD> </TR> </TABLE> </BODY> </HTML> これでどうでしょう？
その他の回答 (3)
- zoh
- ベストアンサー率34% (273/789)
えっと、さらに追加質問です。 ＞スタイルシートで画像を中央に固定すると このところがちょっと引っかかります。この部分だけでもどの方法で中央に固定しているのか、また具体的には左右の中央だけなのか、上下も中央に固定しているのか、ウィンドウサイズを変化させても中央にあるのかが分からないと回答しづらいです。やっぱり、HTMLソースが欲しいですね。 一応、これかな？と思うソースを書いておきます。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=x-sjis"> <TITLE>test</TITLE> </HEAD> <BODY> <DIV style="text-align : center;"> <A href="http://www.okweb.ne.jp/"> <IMG src="http://www.okweb.ne.jp/images/okweb_logo32c_130w.gif" border="0"> </A> </DIV> </BODY> </HTML> または、単純に対象の<img src="…>を<A href="…>～</A>で囲むだけでは出来ませんか？
補足
何度もご回答いただいきありがとうございます。 ウィンドウサイズを変化させても中央にあるものです。 <head> <title>test</title> <style><!-- body { background-image : url("tag.gif"); background-repeat: no-repeat; background-attachment: fixed; background-position: center ; } --> </style> </head>
- zoh
- ベストアンサー率34% (273/789)
すいません、さっきの、無しにしてください。途中で居眠りして、いい加減な回答を送信してしまいました。m(_ _)m 只今きちんとしたサンプルを作成中です。しばらくお待ち下さい。 それと、よかったら、出来ないサンプルソースをくれるとありがたいです。
- zoh
- ベストアンサー率34% (273/789)
…貼れますよ？ 試しに作ったHTMLソースです。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=x-sjis"> </HEAD> <BODY> <DIV align="center"><A href="http://www.okweb.ne.jp/kotaeru_reply.php3?q=125369"><IMG src="A_e-mail.gif" width="70" height="25" border="0"></A></DIV> </BODY> </HTML> これでちゃんとリンクも機能しましたけど…。もしかして、「スタイルシート」が「<DIV>…</DIV>」と違うタグを指して言ってるのかな？よかったらサンプルソースを見せてもらえますか？
お礼
返事遅くなってすみません。出来ました。ありがとうございました。