みんなの「教えて(疑問・質問)」にみんなで「答える」Q&Aコミュニティ

こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

解決済みの質問

ホームページ作成 リンク先の画像を中央表示する方法は?

ホームページ作成 リンク先の画像を中央表示する方法は?

ホームページを作成しているのですが、
画像にリンクした時にその画像の表示が画面の真ん中に来るようにしたいです。

<a href="image/○○○.jpg" target="_blank">

これでやってみると、○○○.jpg の画像が画面の左寄せで出てきます。
画面の中央にくるようにするにはどうすればいいのでしょうか??

投稿日時 - 2010-06-24 15:29:09

QNo.5991924

困ってます

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

>それぞれページを作るのが面倒なので敬遠していました。
あーごめんです。問題点はわかっていたんですね。
すいません。回答を間違えました。
この場合はクエリーがお勧めかと思います。
どうしてもJavaScriptなどの導入は避けられないとは思いますが。

投稿日時 - 2010-06-24 18:18:06

お礼

ありがとうございました。
やはりJavaScriptになりそうですね・・。
時間があるときにHTMLページを頑張って作ろうと思います。

投稿日時 - 2010-06-25 09:06:20

このQ&Aは役に立ちましたか?

17人が「このQ&Aが役に立った」と投票しています

回答(4)

ANo.3

cowtstsu さんへのコメント
>私がやりたい事とは違うような気がします・・
これがどう違うかの方が興味があります。
で、cowtstsu さんは左右のセンターを出したので、次は上下のセンターを出すのかな?
それなら、デフォルト継承を利用しちゃいますかな・・・
<table border=0><tr><td align=center>
やりたいことを書く
</td></tr></table>
テーブル属性はデフォルトで上下センター(正確にはミドル属性というが)なのでこうなります。
もし、リンクされたあとの画像が真ん中ということであれば、
画像をHTMLでくくる必要があります。
"image/○○○.html"を作り
<table border=0><tr><td align=center>
<img src="image/○○○.jpg">
</td></tr></table>
とすることで、リンクされた「後」がセンターになりますよ。
(というか、このことを聞きたかったんでしょ?多分)

投稿日時 - 2010-06-24 18:15:32

ANo.2

提示されたやり方だと、画像自体にリンクさせているため
中央寄せといった設定をすることはできません。

yahooの画像検索時の表示の仕方みたいなことがしたいという事ですよね?
スタイルシートとjavascriptを組み合わせればそれなりのものができるのですが・・・
自作するにはちょっと技術が要ります。
フリーでJavaScriptが配布されているので、探してみるのもいいかもしれません。
それか、その画像を真ん中に表示しているHTMLページを作成して
そこにリンクさせるというのが一番手っ取り早いです。

投稿日時 - 2010-06-24 15:54:58

お礼

Javaとかは私には難しそうなのでやめておきます。
やはりHTMLページを作成してそこにリンクするしかないですかね・・。
たくさんの画像にリンクしたいので、
それぞれページを作るのが面倒なので敬遠していました。
ご回答ありがとうございました。

投稿日時 - 2010-06-24 16:49:12

ANo.1

DIVを使って、センターにできますよ

<DIV align=center>
<a href="image/○○○.jpg" target="_blank">
</DIV>

投稿日時 - 2010-06-24 15:33:53

お礼

私がやりたい事とは違うような気がします・・

投稿日時 - 2010-06-24 16:46:41

あなたにオススメの質問