ポップアップメニューを表のように表示させたい

デザインのために、HTMLを探そうとするから失敗するのです。 　そもそも、表のように並べたいということは、文書の意味的な構造も表的なものだと思います。あるいは、単なる階層をもつリストであったとしても、表のようにプレゼンテーションしたほうがわかりやすい構成だと思います。 　まず、どのような文書構造なのかを率直にマークアップしてください。--プレゼンテーションは考えないくらいのつもりで。 <nav> 　<ol> 　　<li><a href="">製品１</a> 　　　<ol> 　　　　<li><a href="">特徴</a></li> 　　　　<li><a href="">詳細</a></li> 　　　　<li><a href="">機能一覧</a></li> 　　　</ol> 　　</li> 　　<li><a href="">製品２</a> 　　　<ol> 　　　　<li><a href="">特徴</a></li> 　　　　<li><a href="">詳細</a></li> 　　　　<li><a href="">機能一覧</a></li> 　　　</ol> 　　</li> 　　<li><a href="">製品３</a> 　　　<ol> 　　　　<li><a href="">特徴</a></li> 　　　　<li><a href="">詳細</a></li> 　　　　<li><a href="">機能一覧</a></li> 　　　</ol> 　　</li> 　</ol> </nav> ★HTML4.01だったら、<div class="nav"></div>ですかね。 　だとしたら、各項目にほぼ同数の項目からなるリストがあり、それらの順番が意味を持つ(一行目は特徴、二列目は詳細・・・)ですから、序列リストでマークアップしておきます。 　これを、表的なポップアップメニューにすることは容易ですね。もちろん、縦並びのポップアップにも、横並びのプルダウン、あるいは、メニュー詳細は大きな枠中にその製品の写真の上に表示するなど・・・どのようにもデザインできます。 　まず、率直にHTMLをお書きなさい。それをどのようにプレゼンテーションしたいかを、質問されると良いでしょう。 　HTML5を目前に控えた現在、この文書構造とプレゼンテーションの分離はとても重要な基本です。ただ、以前よりずっと楽になることも事実です、頑張ってください。