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

ブログのサイドバーがかなり長いので短くしたいと考え、リンクバナーをセレクトボックスで表示したいのです。
例えば
<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 回答日時： 2007/11/03 19:19

セレクトにはテキストしか書けないので、

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

この回答への補足

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

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

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

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

補足日時：2007/11/07 01:15

この回答へのお礼

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

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

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

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

お礼日時：2007/11/08 18:41

No.4 回答者： steel_gray 回答日時： 2007/11/07 13:03

#2です。

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

この回答への補足

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

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

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

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

補足日時：2007/11/08 18:17

この回答へのお礼

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

〆切ります、魔王

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

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

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

お礼日時：2007/11/12 19:23

No.3 回答者： wp_ 回答日時： 2007/11/05 11:37

出したり引っ込めたりしたいのであれば以下の感じかなぁ。

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>

この回答への補足

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

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

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

補足日時：2007/11/07 02:24

No.1 回答者： ANASTASIAK 回答日時： 2007/11/03 18:37

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

この回答への補足

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

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

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

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

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

補足日時：2007/11/06 22:47