• 締切済み

中央にリンク画像をするとリンクができない(HTML

超初心者なので初歩的な質問ですが・・・ リンク画像を画面中央に配置したいと思ったのですが <center>~</center> のタグで中央にするとリンクができません。 (指マークがでない状態) 画像は表示されてます。 <center>~</center> で、挟まなければちゃんとリンクできる状態です。 でも左揃えになっています・・・ 何が原因かさっぱり分かりません・・・ 前日はセンター揃えできちんとリンクができました。 ちょっと画像を変えたりしていたので、 どこかをいじったらしくリンクができない状態に。汗 背景と同化するテーブルをつかってみたのですが 結局コレも中央に配置するには<center>~</center>。 これでもリンクできません。 う~ん・・・<center>~</center>以外で中央配置のタグはありますか?原因は何が考えられるのでしょう

  • oniron
  • お礼率57% (199/346)

みんなの回答

  • EFA15EL
  • ベストアンサー率37% (2659/7009)
回答No.2

やや簡略化しますが、 <center><a href="リンク先URL"><img src="画像へのパス"></a></center> で、表示できないということですよね。 ブラウザなどにも左右されるとは思いますが、まあそえはそれとして。 テーブルタグで駄目だった、と書かれていますが、 テーブルタグの場合は、セル内部はalign="center"を使うのが普通で、<center>タグは使いません。 <table width="100%"> <tr> <td align="center"><a href="リンク先URL"><img src="画像へのパス"></a></td> </tr> </table> という感じですね。 *widthを100%にしておかないとテーブルごと画像サイズに縮小されてしまう。 もしくはcssで制御したりすることも可能ですが、話が長くなるので割愛します。 とりあえず出来れば良いだけなら、該当部分のソースをまるごと補足してください。 その方がよほど分かりやすいです。

  • kisei925
  • ベストアンサー率25% (22/87)
回答No.1

<center>~</center>以外に<div align="center">~</div>などはどうでしょうか? 他、リンクタグに間違えなどはありませんでしょうか?

oniron
質問者

お礼

ご回答ありがとうございます。 <div align="center">~</div>でも出来ませんでした・・・ <center>~</center>をしなければちゃんとリンクできるのでタグは間違えてないと思います。

関連するQ&A

  • 画像を一枚、画面の中央に.....

    写真を一枚だけ、画面の中央に配置して、リンクを張りたいのですが...... タグ関連の部屋を覗いて見たのですが、なかなかなくてσ(^_^;)アセアセ... テーブルを使ってみても、中央にならなくて困っています。 ご存知の方、どうかお知恵をお貸し下さいm(_ _"m)ペコリ

    • ベストアンサー
    • CSS
  • listアイコン画像だけが中央揃えにならない

    listタグでリスト化したリンクを、中央揃えするように指定したdivで囲んでいるのですが リストアイコンの画像だけが中央揃えになってくれません。(添付画像参照) HTMLとCSSは以下の通りです。 <div class="box"> <ul class="list01"> <li>テキスト</li> <li>テキスト</li> </ul> </div> .box { text-align:center; } ul.list01 { list-style-image: url(~); } リストアイコンの画像もテキストと一緒に中央揃えにしたいのですが、 何かやり方があるのでしょうか? どなたかよろしくお願いします。

  • 文章をページの中央に寄せるには?

    文字(文章)をページの中央に表示させるには、テーブルを作って入れるしかないですか? 掲載画像のようにしたいのですが、 黒い線のように、テーブルを作って、その中に文字を入れる方法しかないのでしょうか? 黒い線は背景と同じ色にして消せばいいですか? <CENTER>タグを使ってセンタリングすると、すべての文字が中央に寄ってしまいますが、 文章として中央に寄せたいです。

  • CSSで画像を常にスクリーンの中央に表示させるコマンドは?

    Dreamweaver MX2004を使用して、サイトを作成しています。 ページ構成は至ってシンプルで、背景とその中央に表示される(はずの;)フラッシュ画像です。 具体的には・・・ - <body></body>に画像を背景として表示 - <body></body>の中にdivタグでくくった箱を作り、その中にswfファイル内包 としています。 スクリーンの大きさに関わらず、常に中央にフラッシュ画像(divタグでくくったswf)が表示されるようにしたいのですが、左右の中央揃え(寄せ?)はmargin: auto;で出来たものの、フラッシュ画像が画面の一番上に張り付いたままです。 divタグを<center></center>でくくってみたりもしましたが、結果は同じ・・・ フラッシュ画像を<table></table>に内包してスクリーンの中央に表示させるやり方は知っているのですが、CSSのみで同じ事は出来ないでしょうか? 色々な本やサイトを調べましたが分かりません。 ご存知の方いらっしゃいましたら、教えて下さい。 ヨロシクお願いします。

  • 【HTML/CSS】ブロック内の中央揃え

    HTML初心者です。 tableのセルにリンクを張り、cssで {display:block;} と設定し、セル単位で別ページへリンクできるようにしました。 しかし、blockで設定するとセル内のリンクが中央揃えになりません。 text-alignやvertical-alignを設定しても中央揃えできません。 手をこまねいているのでアドバイスがほしいです。 よろしくお願いします。

  • Word 中央揃えが使えません

    文書中に画像やオートシェイプを挿入した後、 他の行(画像やオートシェイプは背面に配置しています)において 中央揃えにしようとすると、中央揃えのアイコンが使えない状態です。 (アイコンのライン部分が薄くなっており、クリックしても反応しない) そこで文書を新規作成して新たにすると、中央揃えは正常に使えるようになっているのです。 特定の条件下で起こる現象だと思うのですが、どういったことが原因として考えられるでしょうか。 WindowsXP(SP2)、Word2002 での現象です。 詳しい方からのご教示をお願いいたします。

  • サイトは中央配置、背景に画像、または色をつける

    css初心者です。 サイト(すみませんこの言葉でいいでしょうか?)を ブラウザ画面の中央に配置したいとき cssでbodyを中央配置にしています。 その両サイドにも、色または画像をつけたいのです。 テーブルを使用せず 下記のページのように サイトは中央に配置、背景に色や画像をつけるには cssでどのように指定すれば よろしいでしょうか? http://www9.nhk.or.jp/umechan/ http://www.nikoand.jp/ よろしくお願いいたします。

    • ベストアンサー
    • CSS
  • スタイルシートでの中央揃え

    <html> <head> <title>文書のタイトル</title> <meta http-equiv="Content-Style-Type" content="text/css"> <style> body{text-align: center;} </style> </head> <body> <table> <tr> <td> テーブルの内容 </td> </tr> <table> テーブル外の内容 </body> </html> のように、スタイルシートで、 body{text-align: center;} を指定したのですが、IE6ではtableが中央揃えされましたが、NN7.1やFirefox 1.5.0.7ではtableが中央揃えされませんでした。 centerタグを使えば問題ありませんでしたが、非推奨なのであまり使いたくありません。 スタイルシートを用いてIE6と同様にNNやFirefoxでtableを中央揃えするようにするにはどうすればいいでしょうか。

    • ベストアンサー
    • HTML
  • goliveのレイヤー 中央揃え

    golive9をつかっています。 初心者です。 教えてください。 レイヤーを使って、アニメーションをしようと思っています。 まず、サイトがウィンドウの中央に表れるようにしたいので、グリッドを中央揃えで配置しました。 そこへレイヤーを配置して、画像を取り込み中央揃えにしたのですが、ブラウザで確認すると、ウィンドウの大きさによって、レイヤーの配置がずれてしまいます。  レイヤーをグリッドと同じように配置させる(?)為にはどうしたらよいでしょうか?

  • DIVタグ(中央揃え)内の画像にリストマーク

    DIVタグの中央揃えの中に画像があるのですが、その画像の一点で素材集のリストマーク(跳ねる緑の玉)を表示したいです。「インターネットエクスプローラーの起動」で確認してみると画像は画面のセンターに行くので、リストマークが中央に行く画像についていけません。どうすればいいのでしょうか? (質問の表現が悪いかも?・・・この質問文が一番難問ですが教えてください。よろしくお願いします。)