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

よろしくお願いします。

A 回答 (4件)

うわぁぁぁ!背景画像ですね。

それは気が付かなかった…。

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

・画面中央に固定して、
・ウィンドウサイズを変えても中央にある画像で、
・リンクが貼れる物、
と言うことでしたら、
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 … border="0" width="130" height="130">
</A>
</TD>
</TR>
</TABLE>
</BODY>
</HTML>

これでどうでしょう?
    • good
    • 0
この回答へのお礼

返事遅くなってすみません。出来ました。ありがとうございました。

お礼日時:2001/09/01 02:50

えっと、さらに追加質問です。



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

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

補足日時:2001/08/28 18:47
    • good
    • 0

すいません、さっきの、無しにしてください。

途中で居眠りして、いい加減な回答を送信してしまいました。m(_ _)m
只今きちんとしたサンプルを作成中です。しばらくお待ち下さい。

それと、よかったら、出来ないサンプルソースをくれるとありがたいです。
    • good
    • 0

…貼れますよ?


試しに作った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=1253 … src="A_e-mail.gif" width="70" height="25" border="0"></A></DIV>
</BODY>
</HTML>

これでちゃんとリンクも機能しましたけど…。もしかして、「スタイルシート」が「<DIV>…</DIV>」と違うタグを指して言ってるのかな?よかったらサンプルソースを見せてもらえますか?
    • good
    • 0

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!


人気Q&Aランキング

おすすめ情報

カテゴリ