menu - Yiiでemenu拡張機能を使用して垂直メニューを作成するには?

Question

メニューにemenu Yii 拡張機能を使用する。この拡張機能の基礎となるプロジェクトはhttp://lwis.net/free-css-drop-down-menu/です。

現在、サブ メニューは 1 行に表示されます (最終的には 2 行目に折り返されます)。「nvidia」テーマを使用しています。

サブメニューを垂直にするにはどうすればよいですか? サブメニューの項目を縦に重ねて表示したい。

Answer 1

これはCSSの問題です。内部には、 dropdown.cssに由来する<ul>style: が必要ですが、 themes/nvidia.com/default.cssで指定されている場所でオーバーライドされています: 。そのため、独自のカスタム css ファイルに追加することで、その値を元に戻すことができます。width : 100%width: 170px100%

ドロップダウン.css :

ul.dropdown ul {
  visibility: hidden;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 598;
  width: 100%;
}

themes/nvidia.com/default.css :

ul.dropdown ul {
  width: 170px;
  background-color: #333;
  color: #fff;
  font-size: 11px;
  text-transform: none;
  filter: alpha(opacity=90);
  -moz-opacity: .9;
  KhtmlOpacity: .9;
  opacity: .9;
}

mystyle.css :

ul.dropdown ul{
  width:100% !important;
}