ブログのサイドバーがかなり長いので短くしたいと考え、リンクバナーをセレクトボックスで表示したいのです。
例えば
<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ベストアンサー
- 回答日時:
セレクトにはテキストしか書けないので、
<div style="width:~px;height:~px;overflow:auto;border:1px solid #000000">
</div>
こんなボックスにリンク(質問文の内容)を入れてみては?
指定の幅、高さのボックスに収まり、表示しきれなければスクロールバーがでます。
http://allabout.co.jp/internet/hpcreate/closeup/ …
この回答への補足
※最初に:長い間、お返事@できなくてすいません。<(_ _)> たちの悪い風邪を引いてしまい寝込んでいました。まだ全快していませんが、帰って来ました。
まずはお詫び致します。
※タグとURLありがとうございます。
とても参考になりました。↓
{http://www15.ocn.ne.jp/~sanin/indexgooFAQ.html}
※スクロールサイズを変えることができないのですが
何か方法はないものでしょうか?
{WIDTH:はサイズ指定で変わるのですが、HIGHT:はサイズ指定しても変わらないのです}
※よろしくお願いします。<(_ _)>
※( ∩_∩)タグのサンプル&URL、とても有効でした。
ポカミスのご指摘も有難うございます。σ(^_^)
※すこし試行錯誤しましたが、下のように出来ました。
{http://www15.ocn.ne.jp/~sanin/indexgooFAQ.html}
※テキスト欄に新しいタグを書いてみましたので、ご指摘事項がございましたら、またお願いします。
※本当は〆ようかと思いますが、〆切りメールが来るまで開けておきたいと思います。
※ほんとうにありがとうございましたm(_ _)m
No.4
- 回答日時:
#2です。
スペルミスがあります。×HIGHT
↓
○HEIGHT
この回答への補足
steel_grayさん、ありがとう(^_-)
魔王としたことが、恥ずかしいミスをしていました。
ほぼ解決ですね(^_^)
※詳細は、お礼のほうをご覧下さい。
※問題は解消されました。ありがとうございました。
〆切ります、魔王
※( ∩_∩)タグのサンプル&URL、とても有効でした。
ポカミスのご指摘も有難うございます。σ(^_^)
※すこし試行錯誤しましたが、下のように出来ました。
{http://www15.ocn.ne.jp/~sanin/indexgooFAQ.html}
※テキスト欄に新しいタグを書いてみましたので、ご指摘事項がございましたら、またお願いします。
※ほんとうにありがとうございましたm(_ _)m
No.3
- 回答日時:
出したり引っ込めたりしたいのであれば以下の感じかなぁ。
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
- 回答日時:
セレクトボックスに画像は使えません。
この回答への補足
>セレクトボックスに画像は使えません。
についてはなんとなくそうだろうなと思いながら質問をしました。
>小生、HTML:JAVA など全て独学なので、正直HTMLなどで,どこまで可能なのかまるで知りません。
サンプルをいじくりながら、ブログ{HP}ページもなんとか今のレベルまでなりました。
>何でもそうですが、やはり基本が大事なのですね、基本から学びたいと思います。
>長い間、お返事@できなくてすいません。<(_ _)> たちの悪い風邪を引いてしまい寝込んでいました。まだ全快していませんが、帰って来ました。これからもよろしく。( ∩_∩)
>>他の方法で質問の趣旨にあう記述方法などあれば御教授願います。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- PHP 共通の処理をまとめる方法がわからないのでアドバイスお願いします。 1 2022/12/19 20:20
- HTML・CSS ヘッダーの画像にメインエリアがかぶってしまいます 1 2022/11/28 14:06
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/30 09:10
- HTML・CSS CSSのホバーエフェクト 1 2023/06/19 06:53
- HTML・CSS img と p を縦中央に配置したいのですがうまくいきません。 2 2023/01/12 14:38
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
- HTML・CSS CSSが効かずどのように指定すれば良いか分からないのでアドバイスお願い致します 2 2023/06/07 12:25
- HTML・CSS flex の各子要素を横幅 100% にしたい 1 2022/09/22 21:25
- JavaScript html5に変えるとスライドショーが消えてしまった。 3 2022/03/26 19:53
- PHP PHP echo バックスラッシュの使い方 img要素 2 2023/01/08 22:46
関連するカテゴリからQ&Aを探す
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
jqueryで、後から追加した画像...
-
デフォルト非表示にしたい。【t...
-
Colorboxがうまく設置できません
-
bxsliderで最初に縦に複数表示...
-
Javascript初心者|jQueryの.va...
-
JavaScriptでクレイアニメ。ち...
-
jQueryでのドラッグアンドドロ...
-
MAX関数を使ってからLEFT JOIN...
-
eclipseでcssを使うためには?
-
jqueryのsortableで一部ソート...
-
【CSS】floatで左右に並べた...
-
Vb.net2005での画像の合成方法
-
CSS <div>の入れ子が反映さ...
-
JavaScriptで変更した属性の元...
-
コンテンツの移動方法について
-
textareaで入力した文字を改行...
-
読み込んだQRコードをフォーム...
-
画像の下に説明文をつけて切り...
-
背景色を一定時間ごとにランダ...
-
this.src等のthisについて
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
jQueryで同じクラス名のものを...
-
Javascript初心者|jQueryの.va...
-
デフォルト非表示にしたい。【t...
-
jQueryでのドラッグアンドドロ...
-
複数bxsliderをタブで切り替え...
-
画像の表示位置
-
JavaScriptでの画像切り替えを...
-
Colorboxがうまく設置できません
-
clear機能を失わずにファイルア...
-
embed要素のsrc属性の値を変更...
-
JQueryでオープニングアニメー...
-
全部のサイコロをjavascriptで...
-
一定時間で入れ替わるバナー画...
-
JQueryで画像の上で文字を動かす
-
スクリプト
-
画像拡大とともにエレメントも...
-
JavaScript スクロール制御
-
アップロードファイルの種類に...
-
サムネイルにカーソルを合わせ...
-
htmlの中のhtmlをタブで切り替え
おすすめ情報