- ベストアンサー
バナー大の枠や絵に文字リンクを乗せる方法
- バナー大の枠や絵に文字リンクを乗せる方法について
- バナーを置いていないサイトでもリンクの形式を考える
- バナー大の枠の上にテキストリンクが乗っているような方法を探している
- aql8324
- お礼率40% (10/25)
- その他（インターネット・Webサービス）
- 回答数2
- ありがとう数1
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
#1です。 おおよそのイメージは分かりました。 実際のソースが分からないので憶測になりますが、参考画像の感じからいくと、 単にバナー中央にテキストを重ねるのはすごく大変です。 そこで、CSSのボックスを作りバナーを背景配置し、ボックス内のテキストを中央揃えにする。 という方法が一つとして考えられます。 サンプルを作ってみました。 http://cgi43.plala.or.jp/zaq_501/sample/sample.html 【ソース】 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta http-equiv="Content-Style-Type" content="text/css"> <title>NoBanner</title> <style type="text/css"> <!-- .box{ font-family:sans-serif,"Meiryo UI"; border:1px solid #cccccc;width:200px;height:40px; text-align:center;line-height:40px; background-image:url("banner.jpg"); --> </style> </head> <body> <p> <div class="box"> <a href="#">NoBanner</a> </div> </p> </body> </html>
その他の回答 (1)
- torayoshi
- ベストアンサー率62% (910/1449)
こちらにはそのイメージがつかめません。 その実際に使われてる具体的なサイトをあげてください。
補足
申し訳ありませんが、私の知っている限りでは、その使われているサイト様というのが特殊なサイト（検索避けをしなければいけないようなサイト）なので、こちらで挙げるわけにはいかないのです。 スクショをとったので、こちらを見ていただけたらどういうものなのかわかるんじゃないかなと思います。 http://cdn.uploda.cc/img/img5027d82c97367.jpg 説明下手で申し訳ありません…
お礼
わざわざサンプルまで…ありがとうございます！ 助かりました。