- ベストアンサー
画像をウィンドウ中央に固定しリンクを貼るには。
zohの回答
- 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>で囲むだけでは出来ませんか？
関連するQ&A
- 背景画像にリンク
背景に画像を固定して表示したページに、リンクを貼りたいのです。 フレームページで縦に２分割、左のページにスタイルシートで背景固定、BODYタグ内には何もなし、右のページも同じくスタイルシートで背景固定、こちらに左のページの背景画像内にある文字からリンクを貼り、そのリンクをはったページを右ページ内に反映させたいのです。 一枚の大きな画像を２分割して左と右のページでそれぞれ固定しているので、IMGタグはなるべく使いたくありません。 （IMGタグでスタイルシートでの背景固定ように、right bottomと出来るのならば全く問題ないので、その場合は教えてください＾＾；）
- 締切済み
- HTML
- 固定背景画像にリンクをはりたいです。
固定背景画像にリンクをはりたいです。 今、HPの隠しページを作っています。 右下固定の背景画像にリンクをはりたくて 透明の別画像を用意したんですが、 その画像を固定させる方法(HTMLタグ)が分かりません。 ピクセルなどではなく、右下に固定させたいです。
- 締切済み
- HTML
- 中央にリンク画像をするとリンクができない(ＨＴＭＬ
超初心者なので初歩的な質問ですが・・・ リンク画像を画面中央に配置したいと思ったのですが <center>～</center> のタグで中央にするとリンクができません。 (指マークがでない状態) 画像は表示されてます。 <center>～</center> で、挟まなければちゃんとリンクできる状態です。 でも左揃えになっています・・・ 何が原因かさっぱり分かりません・・・ 前日はセンター揃えできちんとリンクができました。 ちょっと画像を変えたりしていたので、 どこかをいじったらしくリンクができない状態に。汗 背景と同化するテーブルをつかってみたのですが 結局コレも中央に配置するには<center>～</center>。 これでもリンクできません。 う～ん・・・<center>～</center>以外で中央配置のタグはありますか？原因は何が考えられるのでしょう
- 締切済み
- レンタルサーバ・ASP
- ヘッダー画像固定のもう一枚画像を重ねる
ホームページ作成初心者です。（ビルダーでなく手打ちの作成方法です。）ヘッダー画像上部固定をしていまして、さらにセンタリングもして全体を中央寄せしてます。そのヘッダー画像にもう一枚リンク用の画像をヘッダー画像右側に重ねたいのですが、重ねると、重ねた画像に対して、ヘッダー画像で効いている固定、中央寄せが反映されません。ズームアウトするとどんどんその重ねた画像のみ、遠ざかっていきます・・・・・・ 原因はDIVのヘッダーの部分が100%のwidthになっているため、重ねる画像のposition:absolute;で場所を指定すると、ズームアウトしていくことにより、ずれが生じてくるのかなと思っています。 かと言ってヘッダー画像を本来の画像の大きさのPXの幅にすると上部で固定はできますが、センタリングが効かなくなります・・・ ヘッダー上部固定センタリング効かせつつ、リンク用の小さい画像をそのヘッダー画像に重ねる方法（そのリンク画像はそのヘッダー画像の決められた位置で固定）を知っておられる方、お知恵を拝借できませんでしょうか。 宜しくお願い申し上げます。
- ベストアンサー
- ホームページ作成ソフト
- ホームページビルダー１２で画像を中央に配置するには？
ホームページを作成中です。 ホームページビルダー１２を使用しています。トップページの中央に画像をいれたいのです。それが、どのPCでみても、常に中央にくるように設定したいのです。スタイルシートの設定が必要なのだと思うのですが、その方法がわかりません。教えていただけませんか？
- ベストアンサー
- ブログ
- マウスを置くと画像が変わり、そこにリンクも張れるような
マウスをおくと大きさの違う画像に変えれて、そこにリンクも張れるようなのってどうやればいいですか？ html、スタイルシート、JavaScript辺りでやりたいのですが わかる方教えてもらえませんか？ やはり、フラッシュ使うしかないですか？
- 締切済み
- HTML
- 背景画像を１つだけ中央右側に固定
他の方が何度も質問なさっているのを見ても解決しないので質問させていただきます。 タイトルそのまま、背景画像を繰り返すことなく、１つだけ中央右側に固定したいのですが、上手くいきません。 素材屋さんや、小技を教えてくださるサイトさんを拝見して、表示されているのをコピーして画像URLだけを変えて貼り付けてみてもうまくいきません。（もちろん「教えて！goo」の過去の質問で回答された方の書かれたものも試しました。） 画像を固定するだけなら、 <BODY background="***.gif" bgproperties="fixed"> で固定されます。１つだけ中央右側に、というのができません。 HP作成に使っているのはフロントページエクスプレスです。（Windous XP ブラウザはIE6.0） 背景画像はgifで表示できないなんてことはないですし、ちゃんとアップロードした画像を使っています。 失敗の原因がわからないので、どうぞよろしくお願いします。
- ベストアンサー
- その他（インターネット・Webサービス）
- 位置固定画像にリンクを.......
<style type="text/css"> <!-- body{background:fixed url(mx.gif) #001100 no-repeat right bottom} --> </style> この画像(mx.gif)にリンクを貼ることは可能なのでしょうか？ 座標で指定する方法は判るのですが。 ご教授のほど宜しくお願いいたしますm(_ _)m
- 締切済み
- CSS
- スタイルシートからの？リンクの貼りかた
<style type="text/css"> <!-- body {background-image:url(sora.jpg); background-repeat:no-repeat; background-position: right bottom; background-attachment:fixed;} --> </style> ↑このようなスタイルシートがあります。 sora.jpgという画像を固定して表示しています。 この空の画像から他のページにリンクを貼るにはどのような タグを書けばいいのでしょうか？ スタイルシートの中に<a href="">とかけばいいのでしょうか？ スタイルシート初心者で何も分からないので分かりやすく教えてください。
- ベストアンサー
- その他（インターネット・Webサービス）
- 背景画像を中央に固定するには？ビルダー９
ホームページビルダーV９を使って作っているのですが、今までウィンドウズXP環境で作成、表示させていた時は出来ていたのに、Vistaに変えてから自分で作ったページを見ると、背景画像だけが中央に表示されず、左側に固定？されているよう（ひっぱられている感じ）で背景画像が切れて見えなくなってしまっています。 ウィンドウの幅を変えるとある一定のところでは中央に来るのですが、誰が見てもちゃんと表示されるようでなければ意味がないので。 文字はちゃんと中央に固定、表示されているのでウィンドウの大きさを変えても今まで通り、表示されています。 背景画像も中央に固定させて表示させるのはどうしたらよいのでしょうか？ パソコンはVista、ソフトはホームページビルダー９の標準モードです。 宜しくお願いします。 因みに、このような不具合はVistaに変えたからでしょうか？
- 締切済み
- ホームページ作成ソフト
補足
何度もご回答いただいきありがとうございます。 ウィンドウサイズを変化させても中央にあるものです。 <head> <title>test</title> <style><!-- body { background-image : url("tag.gif"); background-repeat: no-repeat; background-attachment: fixed; background-position: center ; } --> </style> </head>