• ベストアンサー

画像をリンクボタンにして文字を重ねる方法

naokitaの回答

  • ベストアンサー
  • naokita
  • ベストアンサー率57% (1008/1745)
回答No.3

ボタン画像を用意して背景にします。その中(上)にリンクテキストを書くだけ。 ここの質問サイト画像を参考に初心者用に簡単にサンプル化してみましたので 意味がわかれば応用です。後は自分なりに綺麗に装飾して下さい。 以下をHTMLに貼り付け表示してみる。 <a href="[URL]" style="display:block; text-align:center; width:200px; height:30px; background: url(http://oshiete1.goo.ne.jp/images/button_question.gif) no-repeat;">リンク先へ</a>

JIFT00
質問者

お礼

ありがとうございました。したいことができました。

関連するQ&A

  • 画像にリンクの文字を重ねる方法

    こんにちは。 ブログのトップページの上段に画像を配置して、右上に文字でメニューのようなものを配置したいと思っています。 画像に文字を重ねて、文字をクリックするとジャンプするようなイメージです。 一つの文字を重ねる事はできたのですが、複数の文字を右へ増やしていく事ができません。 画像の右上に | リンク1; | リンク2; | リンク3; | のようなイメージです。 現状のHTMLは以下です。 <a href="飛ばすURL" style="display:block; text-align:right; width:910px; height:100px; background: url(http://画像のURL); no-repeat;">リンク先1;</a> お手数ですがご教授お願いします。

  • ボタンのリンクへ飛ばない

    昨日から突然、文字のリンク先へは行けるのに、 一部ボタンのリンクへ飛べなくなってしまいました。 クリックが出来ないのです。 例えばgooトップページの左上にある、 “goo”という文字をクリックすると、 gooのトップページへ行くはずですが行きません。 また『検索』ボタンは押せるのですが 『緑のgooトップ』はだめという具合です。 過去の質問を参照して インターネット一時ファイルを消去したりしたのですが、 だめでした。 解決法ご存知の方がいましたらよろしくお願いします。 接続方法は光です。

  • ボタンリンクをしたいのですが・・・

    ボタンの形でリンクをしたいのですが、うまくできません。 <a>タグのテキストリンクならページが移動するのですが、 <a href="URL"><button>文字</button></a> は、ボタンがペコペコするだけで、 <form><input type="botton" value="文字" onclick="parent.main.location.href='URL'" title="文字"></form> は、ステータスバーにエラーが出ただけです。 何がいけないのか分からないし、他にどうすればいいのかもさっぱり分かりません。 IE6.0を使っていますが、IE依存タグは避けたいです。 ボタンリンクのやり方についてアドバイスをいただけないでしょうか。

  • 画像を分割してリンクを貼る方法

     ホームページ製作中の者です。 メニューバーを製作しようとしているところで、ボタンを5つ設置しようと思っているのですが、フォトショップなどでボタンが5つ並んでいるメニューバーを製作して、「トップページ」と書かれている所にはトップページのリンク、「利用案内」と書いたボタンの場所には利用案内のリンクを貼るような、一つの画像を分割してリンクを貼る事は可能でしょうか?それともやはりボタン等は一つづつ製作してテーブルの一つのセル内に一リンクと製作していくしかないのでしょうか? どなたかご教授くださいますようお願いいたします。

  • 発リンク(外部リンク)を一覧で表示してくれるサイト

    サイトURLを入れると、発リンク(外部リンク)を一覧で表示してくれるサイトを探しています。 サイトURLを入れたら、そのページだけ(トップページだけ)の発リンクを表示するサイトはありますが、 サイト内全体の発リンクを表示してくれるサイトがいいです。 そのようなサービス・サイトはどんなところがありますでしょうか? よろしくお願いいたします。

  • 画像とリンクについて

    http://storeuser12.auctions.yahoo.co.jp/jp/show/auctions?userID=newest_co_jp&f=&u=;newest_co_jp&tp=&alocale=0jp&mode=1 このページのトップの看板バナーの”TOP”と”会社概要・・・””お問い合わせ”の部分にリンクがはられているのですが、このバナー全体をデスクトップに画像で保存すると、そのバナーの”TOP”などのリンクがなくなります。これは、どのようにリンクをはっているのでしょうか?デスクトップに落としたデータは画像にしかならないですが・・・?バナーの一部分にどのようにリンクをはるのでしょうか?

    • ベストアンサー
    • HTML
  • リンクについて

    しっかりしているように見えるHPでは、リンクのボタンが、文字にリンクが張ってあるのではなく、文字のあるマス全体に、リンクが張ってあります。これは、文字を画像にしているのですか? 例えば、このページ左上部の「教えて!goo」の文字は、文字全体にリンクが張ってあります。その下にある「教えて!トップ」「質問集」などの文字は、文字にリンクが張ってあります。

  • 画像をリンクボタンにしたときに出る「枠」を消したい・・

    <A HREF="リンク先のURL"><img src="画像のURL"></A> ↑この方法でリンクボタンを作ったところ、 どうしても画像のまわりを「四角い枠」が囲んでしまいます。 この「枠」を消す方法を・・ 教えて下さい。

    • ベストアンサー
    • HTML
  • FLASHで透明なボタンにリンクをつけたい‥

    画像にリンクを付けたいのですが、クリッカブルマップは好ましくないので、 FLASHに画像を取り込み、リンクを貼りたい画像の上に透明なボタンを乗せ、 その透明なボタン(=画像)をクリックするとジャンプ、 というようにしたいと考えています。 そういう透明なボタンを作る方法をお教え頂けませんでしょうか? シンボルに変換で、グラフィックにすると透明化はできるのですが、リンクが貼れません‥。 また、もしお分かりでしたら、その透明なボタンの上にマウスを乗せると 少しだけ色が付くような感じにもできればと考えています。 大分困りはて、弱っています。どうぞ宜しくお願いします。

  • リンク先の戻るについて

    こんにちは。 私はホームページビルダー9で作成しています。 画像や文字にリンク先を設定できるのですが、IEの「戻る」といった機能のように一つ前に入っていたページをリンク先にはできないのでしょうか? あるページに「back」ボタンをつけてTOPページに戻るようにしてあるのですが、別のページから入っても「back」ボタンを押すとTOPに飛ばされてしまいます。 質問の意味が分かりにくいかもしれませんがよろしくお願いします。