セレクトボックスで、リンクバナーを表示するには

質問

ブログのサイドバーがかなり長いので短くしたいと考え、リンクバナーをセレクトボックスで表示したいのです。
例えば
<P><a href="http://www.kyoraku.co.jp/"><img height="37" alt="kyoraku_京　楽_TOP" src="http://www.kyoraku.co.jp/img/kyoraku.gif" width="99" border="0" name="image" />

<P><a href="http://www.kyoraku.co.jp/"><img height="37" alt="kyoraku_京　楽_TOP" src="http://www.kyoraku.co.jp/img_up/ms_17.gif" width="99" />

<P><a href="http://www.kyoraku.co.jp/"><img height="37" alt="kyoraku_京　楽_TOP" src="http://www.kyoraku.co.jp/img_up/ms_19.gif" width="99" /></P>

この様なリンクバナーをセレクトボックスで表示する方法はないのでしょうか。

入れたいリンクバナーは、複数です。

個別リンクの許可は取ってあります。

回答No.2

steel_gray · ベストアンサー

セレクトにはテキストしか書けないので、
<div style="width:～px;height:～px;overflow:auto;border:1px solid #000000">
</div>
こんなボックスにリンク（質問文の内容）を入れてみては？
指定の幅、高さのボックスに収まり、表示しきれなければスクロールバーがでます。
http://allabout.co.jp/internet/hpcreate/closeup/CU20050922A/

お礼

※（ ∩_∩）タグのサンプル＆ＵＲＬ、とても有効でした。
ポカミスのご指摘も有難うございます。σ(^_^)

※すこし試行錯誤しましたが、下のように出来ました。
{http://www15.ocn.ne.jp/~sanin/indexgooFAQ.html}
※テキスト欄に新しいタグを書いてみましたので、ご指摘事項がございましたら、またお願いします。

※本当は〆ようかと思いますが、〆切りメールが来るまで開けておきたいと思います。

※ほんとうにありがとうございましたｍ(＿ ＿)ｍ

補足

※最初に：長い間、お返事＠できなくてすいません。<(＿ ＿)>　たちの悪い風邪を引いてしまい寝込んでいました。まだ全快していませんが、帰って来ました。
まずはお詫び致します。

※タグとＵＲＬありがとうございます。
とても参考になりました。↓
{http://www15.ocn.ne.jp/~sanin/indexgooFAQ.html}

※スクロールサイズを変えることができないのですが
何か方法はないものでしょうか？
｛ＷＩＤＴＨ：はサイズ指定で変わるのですが、ＨＩＧＨＴ：はサイズ指定しても変わらないのです｝

※よろしくお願いします。<(＿ ＿)>

回答No.4

steel_gray

#2です。スペルミスがあります。
×HIGHT
↓
○HEIGHT

お礼

※問題は解消されました。ありがとうございました。

〆切ります、魔王

※（ ∩_∩）タグのサンプル＆ＵＲＬ、とても有効でした。
ポカミスのご指摘も有難うございます。σ(^_^)

※すこし試行錯誤しましたが、下のように出来ました。
{http://www15.ocn.ne.jp/~sanin/indexgooFAQ.html}
※テキスト欄に新しいタグを書いてみましたので、ご指摘事項がございましたら、またお願いします。

※ほんとうにありがとうございましたｍ(＿ ＿)ｍ

補足

steel_grayさん、ありがとう(^_-)

魔王としたことが、恥ずかしいミスをしていました。

ほぼ解決ですね(^_^)

※詳細は、お礼のほうをご覧下さい。

回答No.3

wp_

出したり引っ込めたりしたいのであれば以下の感じかなぁ。
js部分の全角空白は半角にしないと動きません。

<a href="javascript:ShowHide('banner1')">押すと伸び縮みします</a>
　<span style="display:none;" id="banner1">
　　banner1 contents
　　[<a href="リンク先">リンク</a>]
　　banner1 contents
　　[<a href="リンク先">リンク</a>]
　</span>

<a href="javascript:ShowHide('banner2')">押すと伸び縮みします</a>
　<span style="display:none;" id="banner2">
　　banner2 contents
　　[<a href="リンク先">リンク</a>]
　　banner2 contents
　　[<a href="リンク先">リンク</a>]
　</span>

<script type="text/javascript"><!--
function ShowHide(arg)
{
　document.getElementById(arg).style.display =
　　isDisplay(arg) ?"none" :"block";
}

function isDisplay(arg) {
　if(document.getElementById(arg).style.display != "none")
　　return true;
　else
　　return false;
}
// --></script>

補足

※長い間、お返事＠できなくてすいません。<(＿ ＿)>　
たちの悪い風邪を引いてしまい寝込んでいました。まだ全快していませんが、帰って来ました。これからもよろしく。（ ∩_∩）

※タグありがとうございます。
でも、なんだか良く分かりません；；。
＊定義はどのように書けばよいですか？

※よろしければ御教授願います。

回答No.1

ANASTASIAK

セレクトボックスに画像は使えません。

補足

>セレクトボックスに画像は使えません。
についてはなんとなくそうだろうなと思いながら質問をしました。

>小生、HTML：JAVA　など全て独学なので、正直HTMLなどで,どこまで可能なのかまるで知りません。
サンプルをいじくりながら、ブログ{HP}ページもなんとか今のレベルまでなりました。

>何でもそうですが、やはり基本が大事なのですね、基本から学びたいと思います。

>長い間、お返事＠できなくてすいません。<(＿ ＿)>　たちの悪い風邪を引いてしまい寝込んでいました。まだ全快していませんが、帰って来ました。これからもよろしく。（ ∩_∩）

>>他の方法で質問の趣旨にあう記述方法などあれば御教授願います。