A 回答 (2件)
- 最新から表示
- 回答順に表示
No.1
- 回答日時:
ということは、他のモダンブラウザでは全滅かな??
★ドロップダウンメニューを作るこのCSSどこが変? - Webデザイン・CSS - 教えて!goo ( http://oshiete.goo.ne.jp/qa/7229595.html )
のような感じで作成すると良いでしょう。ナビゲーションリンクですからHTMLは、
__<div class="nav"><!-- ナビゲーションはnav -->
____<ul>
______<li><a href="/">TOP</a></li>
______<li class="botanA"><a href="./profile">会社情報</a>
________<ul>
__________<li><a href="./profile/index.html">会社概要</a></li>
__________<li><a href="./profile/office.html">営業所</a></li>
________</ul>
______</li>
______<li><a href="./B">Bボタン</a></li>
______<li><a href="./C">Cボタン</a></li>
______<li><a href="./D">Dボタン</a></li>
______<li><a href="./E">Eボタン</a></li>
____</ul>
__</div>
タブは_に置換してあります。
HTMLには、文書構造だけ記述します。
あとはスタイルシートで・・・
HTML初心者です。ホームページビルダーをベースに、とあるサイトで見つけたソース(TIME)をコピーしてプルダウンの目的を達成できていたのに、IE9ではメニューがオープンしたまま見えるようになりました。
アドバイスを参考にして、やってみます。また行き詰ったら質問に来ます。
ありがとうございました。
No.2
- 回答日時:
その「プルダウンメニュー」とはスクリプトで実装されたものですか?それとも単にselectタグを使用したものでしょうか。
IE9での問題は分かりませんが、selectタグの場合size属性を2以上に設定するとリストになるようです。
<select name="example3" size="1">
<option value="サンプル1">選択肢のサンプル1</option>
<option value="サンプル2">選択肢のサンプル2</option>
</select>
スクリプトで実装するのでしたら下記サイトを参考にすると良いのではないでしょうか。
http://allabout.co.jp/gm/gc/23911/
HTML初心者です。ホームページビルダーをベースに、とあるサイトで見つけたソース(TIME)をコピーしてプルダウンの目的を達成できていたのに、IE9ではメニューがオープンしたまま見えるようになりました。
アドバイスを参考にして、やってみます。また行き詰ったら質問に来ます。
ありがとうございました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Excel(エクセル) エクセルのA1~A5の任意のセルを選んだら1、A6~A10のセルなら2と返す設定にしたいと思ってます 6 2023/03/20 18:46
- Excel(エクセル) エクセルを活用して受注表を作成中ですが関数が分からなく困ってました。 1 2022/07/22 09:14
- マウス・キーボード キーボード Oキーを押すとプルダウンメニューが出る 4 2022/09/08 14:48
- アプリ Edgeを操作するアプリについて 4 2023/05/11 22:48
- Windows 10 OSドライブのセキュアワイプ 2 2023/01/24 23:49
- Excel(エクセル) Excelで漢字人名が勝手に並び変わる(続) 4 2023/03/21 21:28
- iPad iPadでWebサイトで選択した文から「ユーザー辞書」を押しても登録画面が出ない 1 2022/08/11 19:56
- Excel(エクセル) excelのマクロ実行でブロックされます。 2 2022/06/08 09:14
- Windows 10 パソコン初期化の件です 2 2022/06/05 11:05
- au(KDDI) 特定の画面を見るとスマホが固まります ご覧頂き有難うございます。 特定のページを見るとスマホが固まり 1 2023/08/21 19:29
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
リストマーカーをボックス内に...
-
<table>の高さ固定。情報増加時...
-
html/cssの、navを2段にする...
-
番号付きリスト(<Ol><Li>・・...
-
html <li>の中の文字一部に色を...
-
ol要素の番号とリスト項目の離...
-
htmlの<ol>タグで、数字などを...
-
画像横のテキストをセンターに...
-
レスポンシブWebデザインでリン...
-
HTMLで組織図を作成する方法
-
「・」(黒い点)を非表示にした...
-
CSS「table-cell」で横並びにし...
-
親ページ側からインラインフレ...
-
list-style-type部分だけ大きく...
-
CSS使用。表のセルの中で、強制...
-
CSS3グラデーションで、右端だ...
-
HTMLで画像を3つ並べる方法
-
横並びのボタンの背景を片方だ...
-
カルーセルスライダー「slick.j...
-
ulとliで囲った文字の一部を変...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
リストマーカーをボックス内に...
-
番号付きリスト(<Ol><Li>・・...
-
liタグの中に<p>タグやら<dl>を...
-
レスポンシブWebデザインでリン...
-
<table>の高さ固定。情報増加時...
-
<ul><li></li></ul>にするメリ...
-
リストの数字のフォントサイズ...
-
HTMLで組織図を作成する方法
-
ulタグやliタグの中でbrタグ...
-
divタグ内のコンテンツが重なっ...
-
画像にリンクを張ると画像がず...
-
複数行にまたがる括弧を表示し...
-
ページを開いているときのリン...
-
html <ul></ul>の並びで一行空...
-
html/cssの、navを2段にする...
-
HTML5のfooterに見出しを付けて...
-
<ul>~</ul>が二つ続くと間に改...
-
htmlの<ol>タグで、数字などを...
-
リンク文字同士の間隔を開ける...
-
CSSでつくったメニューのアニメ...
おすすめ情報