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

質問

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

回答No.1

celtis

手っ取り早く動くようにするなら、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

補足

それですと、
文字の色が変わり、
文字の配列が代わってしまうんです。

cssで設定されてくるからなのでしょうが…
もう一度試してみて、ダメでしたらもう一度ご回答頂けると幸いです。