ドロップダウンメニューの設置

ブログ別！作成・カスタマイズ講座　運営者様

コメントでのご連絡、失礼致します。
DTIブログのヨコボリと申します。
この度、是非DTIブログを『ブログ別！作成・カスタマイズ講座』様サイトの「無料ブログ比較」に掲載して頂きたくコメントにて連絡させていただきました。
DTIブログでは、容量は2GB、動画は10MBで、カスタマイズ・アフィリエイトともに制限なくご利用いただけます。
なにとぞご検討の程、宜しくお願い申し上げます。

DTIブログのURL:
http://www.dtiblog.com/

DTIブログ　ヨコボリ様

コメントありがとうございます。
「無料ブログ比較」にて掲載いたしましたので、ご確認お願い致します。

CSSだけで作れる全ブラウザ対応ドロップダウンメニュー、探していました。
やっと見つかり、とてもうれしいです。
ありがとうございました。

コメントありがとうございます。
今後も参考になりそうな記事をとんどんアップしていきますので、よろしくお願いします＾＾

りっち様

はじめまして！
大変参考にさせてもらっています！

どうしてもわからないことがあり質問します。
現在はメインメニューとサブメニューの横幅が一緒です。
サブメニュー横幅を大きくしたいのでサブメニューに横幅を指定しました。
その場合、メインメニューの領域がサブメニューの横幅と同じになってしまいメインメニューの領域をマウスアウトしてもサブメニューが表示されてしまいます。

なにかよい解決策があればご教授ください。

サブメニューの横幅を変更するには、
「#navi ul.sub」と「#navi ul.sub li」で横幅を指定する必要があります。
一度試してみてください。

りっち様

コメントありがとうございます。
以前からサブメニューの横幅の変更はできるんです。
ここで問題なのはサブメニューの横幅を変更するとメインメニューの領域まで広がってしまうのです。（入れ子にしているため）

たとえばメインメニューが100pxでサブが200pxの場合
メインメニューの100pxの外を出たらサブメニューは隠れるはずですがサブメニューに引っ張られメインメニューまで横幅の領域が広がってしまうので100pxの領域を出てもサブメニューが出続けます。

一度サブメニューの横幅を変更していただけるとすぐおわかりいただけると思います。

サブメニューのサイズを変更しても影響出ないように作れますよ。

はじめましてm(__o)m
記事を参考にお陰さまで念願のドロップダウンメニューが作れそうです♪
ですが、ひとつだけ問題が…
どうやったら作ったメニューを画面上でセンタリング表示できるかがわかりません。
メニューに指定してある配置（左寄せ）のところをcenterとしてみましたが、メニューが横並びから縦並びに変わってしまうし、センターと言うよりは中途半端な場所に出てきてしまいます…。そのままですと、メニューだけが左端に表示されてデザインが崩れてしまいます。初心者で状況説明もおぼつかないのですが、解決方法を教えていただけると嬉しいです。よろしくお願いいたします(*^^*)　ちなみに、リンクしたHPはドロップダウンメニューはまだ組み込まれていません。

サブメニューが下のテキストに重なると消えてしまいます。IE6です。

「HTMLの編集」の記事の一番下の /div のあとに3行ほどの長い文章を打ち込み、#navi の top プロパティを 50px にすると再現できると思います。
マウスをサブメニュー上で上下させると、テキストに重なるタイミングで消えてしまうのです。これの回避方法はありますでしょうか？

ドロップダウンメニューを作成したいのですが、ホームページビルダーに貼り付けていますが、うまくいきません。
貼り付けるだけではできないのでしょうか。

素人です。
丁寧にどのようにしたらいいか、教えて頂けますでしょうか。

よろしくお願いいたします。

お世話になります。

素人ですが、ＨＰ作成頑張っています。

「ドロップダウンメニューの設置」は大変役に立ちました。有難うございます。添付URLのＨＰ作成中ですが、利用させて頂きました。

ところで、今回の方法では、下側にサブメニューが表示される様になったいます。
上記URLでメニューで利用させて頂いておりますが、このままでは下に長くなって見づらいようです。そこでドロップダウンの方向で、右サイドの位置にサブメニューが表示される様にしたいのですが、どのようにすればよいでしょうか？（サブメニューは右サイドに表示され、サブメニューそのものは下側にドロップダウンで表示されるようにしたい）
宜しくご教示お願いします。

はじめまして！
初心者なプルダウンでメニュー作れるなんて、思ってもいませんでした！設置できてとても嬉しいです！！！
シェアくださり、ありがとうございます！！！！！

質問なのですが、
メニューの縦幅（高さ？）を設定するにはどうしたらいいでしょうか？

#navi il の部分で
heightの項目を立てると
確かに高さはでるのですが、
背景が反映されず、
文字も上揃えのままとなってしまいます。

教えていただけると嬉しいです。

はじめまして！！
マサと申します。

ご質問なのですが、

上に書いてあります、
ドロップダウンメニューを作っているのですが、
こちらの中央に来させるには、どうしたらよいのでしょうか？
よろしくお願いいたします。

はじめまして。
とても良いプルダウンメニューをありがとうございます。

上手い具合に設置できたのですが、サブメニューが、コンテナ以上の長さになってくるとリンクが効かずにサブメニューの画面が消えてしまうのですが、
そういうことは　どうにかならないものでしょうか？

OSXでは正常に動作しますが。Windowsではプルダウンメニューの動作が不完全になります。
ご指導お願いします。

OSXでは動作しますが。Winだとプルダウンメニューの動作が不完全です。ご指導お願いします。

はじめまして。
全くの初心者です。
　ドロップダウンメニューを２階層にしたい場合はどのようにしたらいいのでしょうか？
ご指導願います。
また、ドロップダウンする際、フェード展開するようにすることは可能でしょうか？

お小遣いあげるからメールしておいで(ﾉﾟДﾟ)ﾉｼ♂ http://ktjg.net/

べっ、べつにあんたなんかに興味は無いんだからね！(人･ω･)☆ http://gffz.biz/

はじめまして。　CSS初心者です。
製作中のHPにドロップダウンメニューを加えたくてず～っと探していましたが、どれもうまく設置されず困っていました。
貴サイトの設置方法を参考にさせていただきましたところ無事に設置することができました。有難うございました。

最後に、1つだけ分からない点があってご連絡させていただきました。
メインメニューに表示される文字は中央揃えでよいのですが、サブメニューに表示される文字は中央揃えではなく左揃えにしたいのですがどのようにすればよいのでしょうか？
サブメニュー 1、サブメニュー 2のように同じ文字数ではありません。
できれば、左側から3ptくらい離れた位置でサブメニュー文字が揃えれば幸いです。

何卒ご指導お願いいたします。

逝ってよしd(´∀｀*)グッ♂ http://s.64n.co/

私が最初にコメントしたとき、私はクリックした私は、同じコメントを3つの電子メールを取得し、現在チェックボックスおよびコメントが追加されるたびに"新しいコメントが追加された場合に通知する" 。あなたがそのサービスから私を削除する方法はありますか？あなたを祝福！

あなたのブログには、連絡先のページを持っていますか？私はあなたに電子メールを撮影したいのですが、それを見つけるのに苦労を有するがいます。私は、あなたのブログのためのいくつかの推奨事項あなたが聞くことに興味を持つかもしれないが持っている。いずれにせよ、偉大なサイトと私はそれが時間をかけて開発することを楽しみにしています。

ご挨拶！私はこれはちょっとオフトピックです知っているが、私はあなたがこのウェブサイトのために使用しているブログのプラットフォーム不思議でしたか？私はハッカーで問題を抱えていると私は別のプラットフォーム用のオプションを見ているので、私はWordPressの疲れています。あなたは良いプラットフォームの方向に私を指すことができれば、私は素晴らしいだろう。