• 締切済み

2.5dButtonで作ったボタンにリンクを付ける

心者です。 2.5dButtonというサイトを利用して、ダウンロードボタンを発行?しました。 css、htmlに設置はできたのですが、ハイパーリンクにすることができません。 どうすれば、ダウンロードボタンをダウンロード先(ほかのページ)に飛ばすことが出来るのでしょうか? 教えてください。

  • myktk
  • お礼率52% (338/648)
  • HTML
  • 回答数1
  • ありがとう数0

みんなの回答

  • celtis
  • ベストアンサー率70% (2271/3210)
回答No.1

手っ取り早く動くようにするなら、aタグでボタンの要素を囲めばいいと思います。 <a href="http://www.example.com"> <div class="general-button"> <div class="button-content"> <span class="icon-font">file</span> <span class="button-text">TEXT</span> </div> </div> </a> 画像にリンクを付けるような感じです。 http://www.tagindex.com/html_tag/link/a_img.html 以前はインラインレベル要素<a>でブロックレベル要素<div>を囲むのはダメというルールもありましたが、HTML5では構わないようです。 http://www.html5.jp/html5doctor/block-level-links-in-html-5.html

myktk
質問者

補足

それですと、 文字の色が変わり、 文字の配列が代わってしまうんです。 cssで設定されてくるからなのでしょうが… もう一度試してみて、ダメでしたらもう一度ご回答頂けると幸いです。

関連するQ&A

  • リストを利用してリンクボタンを作成

    HPBv10を利用してHPを作成している初心者です。 参考ページ(http://www.wsb.jp/hpb/css/dan00.htm)を利用して「ボタン」を作成しようとしているのですが、ボタン縦方向に配置するのは出来たのですがこのページの下にあるボタンを 「横方向に配置する」方法が分かりません button.cssの編集で「位置」-->「回り込み」-->「左」にしているのですが横に表示されません。 おわかりになる方いましたらご教授宜しくお願いします。

  • リンク後のボタン画像が表示されません。。

    お世話になっております。 下記URLサイト http://www.css-lecture.com/log/javascript/009.html のプルダウンを行ないたく、実装してみたものですが、 メニューバーにある各ボタンにリンクを設置すると ページ遷移後にメニューバーにあるボタンが?となって認識されません。。 表示されないボタンですが、 例えば、 5つのボタンで、 それぞれ、 Aボタン→01.html Bボタン→02.html Cボタン→03.html Dボタン→04.html Eボタン→05.html リンクしているボタンがあるとしますと、 Aボタンを押して01.htmlに遷移した時は、Aボタンのみ表示されず、Bボタンを押して02.html遷移した時は、Bボタンのみ表示されません。 ソースはそのimgファイルをとって来ているのですが、なぜ表示されないのかがわからず、困っています。 どうか、ご教授お願い致します。

    • ベストアンサー
    • HTML
  • タスクバーのリンク先

     Webページのハイパーリンクの上をポイントすると普通は左下のタスクバーにリンク先が表示されます。  これをJavaScriptもしくはHTMLまたはCSSを使って表示させないようにする方法はないでしょうか?よろしくお願いします

  • ツイート いいね ハテブ ボタンについて

    サイトにツイート いいね(フェイスブック) ハテブ ボタンを設置しているのですが、現在トップページのみです。 というのもこれらのボタンは全てページによって、ボタンのソースのページURLを変えなければいけないですよね。 Wordpressならば自動で設置してくれる機能があるかと思うのですが、そうでないサイトの場合どのように設置しているのでしょうか。 簡単に設置できる方法があれば教えてください。 回答よろしくお願いします。

  • ランダムリンクのボタンを

    http://www.red.oit-net.jp/tatsuya/java/rndlink.htm こちらのサイトを参考にして、ランダムリンクをホームページに設置してみたのですが、リンク先の表示が、同一のページになってしまうのですが、新しいタブでリンク先のホームページが表示されるようにするにはどうすればよいでしょうか? 回答宜しくお願いします。

    • ベストアンサー
    • HTML
  • ボタンにリンクを貼っても・・・

    DreamWeaverMXと、FlashMXを使用しています。 flashでボタンを作成し、リンクを貼ったのですが、フラッシュが再生されると同時にリンク先に飛んでしまいます。 ボタンをクリックすると飛ぶようにしたいのですが、どうしたらいいでしょうか? ちなみに、リンク先のURLも合っているはずなのですが、「ページがありません」と表示されてしまいます。 ボタンへのリンクは、on (release) { getURL ("URL", "_blank"); } で貼っているので合っていると思うのですが・・・。

  • リンクなのにアンダーラインの無いボタン

    色々なサイトを閲覧していると、たまに文字入力してあるリンクボタンなのに下にアンダーラインのないものを見かけます。格好いいな、と思うのですが、どの様に作成されているのでしょう?恐らくCSS等使われているのでしょうが、素人なのでよくわかりません。 この説明だけだとわかり辛いかもしれませんので、この様なボタンが使われているサイトを以下に挙げます。↓ http://home.b07.itscom.net/capture/style-island/main.html

    • 締切済み
    • CSS
  • 【至急】サイトを保存したのですが、ハイパーリンクのリンク先が「http~」

    サイトを保存したかったので、いろんなソフトを試して わかりやすいソフトにしたのはいいんですが、保存したのを見ると、 そのページのハイパーリンクのリンク先が「http~」になってしまってるんですが、 これは仕様ですか?それとも何か間違ったとか?…… ハイパーリンクで辿らないと不便なのですが…。 ちなみに使ったソフトは「webox」です。 保存したやつのページのハイパーリンクのリンク先を「http~」ではなく、 「C~(各ページを保存したやつがある場所)」にしたいんですが、できますでしょうか?

  • Web作成、ひとつのリンクボタンから振り分けたい

    Webを作っている者です。 各デバイスごと(PC、携帯電話、スマートフォン)にリンクの飛ばし先を振り分けたいと思っています。 .htaccessを用いての振り分けというのはよく聞くのですが、私がやりたいのは index.html←ここはPC、携帯、スマートフォン共通のトップページ ↓ 入場リンク(ボタンは一つ) →PC用ページ(PC用サイトのディレクトリに飛ばす) →携帯用ページ(携帯用サイトのディレクトリに飛ばす) →スマートフォン用ページ(スマートフォン用サイトのディレクトリに飛ばす) 要するに、トップページは共通でそこにある一つのリンクボタンをクリックした際に振り分けたいのですが、 この場合は.htaccessで振り分けが可能でしょうか? .htaccessが無理でしたら、どのように振り分けれるでしょうか? よろしくお願いいたします。

    • ベストアンサー
    • CSS
  • FrontPageで、ウィンドウを閉じるボタンを作りたい

    フロントページのハイパーリンクの編集でターゲットフレームを新しいウィンドウに表示するページを作りました この新しいページの中に「閉じる」ボタンを作ってボタンを押すとウィンドウが閉じるようにしたいんですがどのように作ればいいのかわかりません どなたか作り方を教えてください よろしくお願いします

専門家に質問してみよう