バナー大の枠や絵に文字リンクを乗せる方法

解決済

質問者：aql8324
質問日時：2012/08/13 00:11
回答数：2件

サイトのリンクページで、私はお気に入りのサイトさんのバナー（200*40）を並べて説明文を付け足す、というような作り方をしています。
ですが、携帯サイトなどでバナーを置いていないサイト様もあり、リンクの形式をどうしようか悩んでいます。
ノーバナーを使うのは何となく嫌だというか、それだとサイト名なども記述しなければいけないですし、見栄えがよくないので出来れば避けたいのです。
そこで、サーチサイト様などでよく見るような、バナー大の枠の上にテキストリンクが乗っているようなものを作ろうと思ったのですが、ググろうにも思い当たるキーワードではヒットしませんし、使われているページのソースを見てもよくわかりません。

説明が下手で申し訳ないのですが、ご存じの方は教えてくださると幸いです。
よろしくお願いします。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (2件)

ベストアンサー優先
最新から表示
回答順に表示

No.2ベストアンサー

回答者： torayoshi
回答日時：2012/08/13 04:02

#1です。

おおよそのイメージは分かりました。
実際のソースが分からないので憶測になりますが、参考画像の感じからいくと、
単にバナー中央にテキストを重ねるのはすごく大変です。
そこで、CSSのボックスを作りバナーを背景配置し、ボックス内のテキストを中央揃えにする。
という方法が一つとして考えられます。

サンプルを作ってみました。
http://cgi43.plala.or.jp/zaq_501/sample/sample.h …

【ソース】
<!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">

</style>
</head>
<body>
<p>
<div class="box">
<a href="#">NoBanner</a>
</div>
</p>
</body>
</html>

- 0
- 件

通報する

この回答へのお礼

わざわざサンプルまで…ありがとうございます！
助かりました。

通報する

お礼日時：2012/08/13 12:13

No.1

回答者： torayoshi
回答日時：2012/08/13 00:34

こちらにはそのイメージがつかめません。

その実際に使われてる具体的なサイトをあげてください。

この回答への補足

申し訳ありませんが、私の知っている限りでは、その使われているサイト様というのが特殊なサイト（検索避けをしなければいけないようなサイト）なので、こちらで挙げるわけにはいかないのです。

スクショをとったので、こちらを見ていただけたらどういうものなのかわかるんじゃないかなと思います。
http://cdn.uploda.cc/img/img5027d82c97367.jpg

説明下手で申し訳ありません…

補足日時：2012/08/13 01:23

通報する