OKWAVEのAI「あい」が美容・健康の悩みに最適な回答をご提案!
-PR-
解決
済み

画像をウィンドウ中央に固定しリンクを貼るには。

  • 困ってます
  • 質問No.125369
  • 閲覧数429
  • ありがとう数1
  • 気になる数0
  • 回答数4
  • コメント数0

お礼率 68% (11/16)

スタイルシートで画像を中央に固定すると、リンクは貼れませんよね?
それとも貼れるのでしょうか。貼れるのなら方法を教えてください。
他の方法で同じようなことが出来るのなら、その方法を教えてください。

よろしくお願いします。
通報する
  • 回答数4
  • 気になる
    質問をブックマークします。
    マイページでまとめて確認できます。

質問者が選んだベストアンサー

  • 回答No.4
レベル12

ベストアンサー率 34% (273/789)

うわぁぁぁ!背景画像ですね。それは気が付かなかった…。

すいません、背景画像にリンクを貼ることは出来ないと思います。

・画面中央に固定して、
・ウィンドウサイズを変えても中央にある画像で、
・リンクが貼れる物、
と言うことでしたら、
1・tableを使う
2・JavaScriptを使う
3・macromedia FLASHを使う
という方法があります。

とりあえず、1のサンプルを…

<!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>

これでどうでしょう?
お礼コメント
steam1986

お礼率 68% (11/16)

返事遅くなってすみません。出来ました。ありがとうございました。
投稿日時 - 2001-09-01 02:50:53
-PR-
-PR-

その他の回答 (全3件)

  • 回答No.1
レベル12

ベストアンサー率 34% (273/789)

…貼れますよ? 試しに作ったHTMLソースです。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <META http-equiv="Content-Type" content="text/htm ...続きを読む
…貼れますよ?
試しに作った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>」と違うタグを指して言ってるのかな?よかったらサンプルソースを見せてもらえますか?

  • 回答No.2
レベル12

ベストアンサー率 34% (273/789)

すいません、さっきの、無しにしてください。途中で居眠りして、いい加減な回答を送信してしまいました。m(_ _)m 只今きちんとしたサンプルを作成中です。しばらくお待ち下さい。 それと、よかったら、出来ないサンプルソースをくれるとありがたいです。
すいません、さっきの、無しにしてください。途中で居眠りして、いい加減な回答を送信してしまいました。m(_ _)m
只今きちんとしたサンプルを作成中です。しばらくお待ち下さい。

それと、よかったら、出来ないサンプルソースをくれるとありがたいです。
  • 回答No.3
レベル12

ベストアンサー率 34% (273/789)

えっと、さらに追加質問です。 >スタイルシートで画像を中央に固定すると このところがちょっと引っかかります。この部分だけでもどの方法で中央に固定しているのか、また具体的には左右の中央だけなのか、上下も中央に固定しているのか、ウィンドウサイズを変化させても中央にあるのかが分からないと回答しづらいです。やっぱり、HTMLソースが欲しいですね。 一応、これかな?と思うソースを書いておきます。 ...続きを読む
えっと、さらに追加質問です。

>スタイルシートで画像を中央に固定すると

このところがちょっと引っかかります。この部分だけでもどの方法で中央に固定しているのか、また具体的には左右の中央だけなのか、上下も中央に固定しているのか、ウィンドウサイズを変化させても中央にあるのかが分からないと回答しづらいです。やっぱり、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>で囲むだけでは出来ませんか?
補足コメント
steam1986

お礼率 68% (11/16)

何度もご回答いただいきありがとうございます。
ウィンドウサイズを変化させても中央にあるものです。

<head>
<title>test</title>
<style><!--
body {
background-image : url("tag.gif");
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center ;
}
-->
</style>
</head>
投稿日時 - 2001-08-28 18:47:32
このQ&Aで解決しましたか?
関連するQ&A
-PR-
-PR-
このQ&Aにこう思った!同じようなことあった!感想や体験を書こう
このQ&Aにはまだコメントがありません。
あなたの思ったこと、知っていることをここにコメントしてみましょう。

その他の関連するQ&A、テーマをキーワードで探す

キーワードでQ&A、テーマを検索する
-PR-
-PR-
-PR-

特集


いま みんなが気になるQ&A

関連するQ&A

-PR-

ピックアップ

-PR-
ページ先頭へ