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

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

コメントでのご連絡、失礼致します。
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でメニューで利用させて頂いておりますが、このままでは下に長くなって見づらいようです。そこでドロップダウンの方向で、右サイドの位置にサブメニューが表示される様にしたいのですが、どのようにすればよいでしょうか？（サブメニューは右サイドに表示され、サブメニューそのものは下側にドロップダウンで表示されるようにしたい）
宜しくご教示お願いします。

プルダウンメニューのCSSコード一生懸命
勉強させて頂いております。
そこで、どうしてもうまくいかず教えていただきたいのですが、
メインメニューの高さを100pxに変えたいのですが、
どうしたらよいでしょうか？サブメニューはサンプルの
大きさでいいのですが。。。

height:100pxを色々追加で試して見ましたが、
サブメニューの位置がおかしかったり、うまくいきません。
簡単にできるものなのでしょうか？

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

初めて投稿させて頂きました。
なすびといいます。
よろしくお願い致します。

只今、サンプルのプルダウンのコードで勉強させて
頂いているものです。
一つ質問させて頂きたいのですが、メインメニューの高さを
１００ｐｘに変更したいのですが、どうしたらよいのでしょうか？height:100pxを色々、追加してやってみましたが
サブメニューの位置がおかしかったり、うまくいきません。
高さ100pxのメインメニューの下に、サンプル同様のサイズで
プルダウン表示させたいのですが。。。
お忙しい中申し訳ございませんが、よろしくお願いいたします。