CSSメニューに問題があります。私はJoomlaのサイトを開発しています。 ここにCSSとHTMLコードを投稿して、ファイルにコピーすることができます。CSSメニューとhtmlの問題
<html>
<head>
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
</head>
</body>
<div class="left-menu">
<ul class="menu-winery">
<li class="parent active item5">
<a href=""><span>ღვინო</span></a>
<ul>
<li class="parent active item6">
<a href=""><span>TELIANI VALLEY</span></a>
<ul>
<li class="item7">
<a href=""><span>ლეგენდა</span></a>
</li>
<li id="current" class="parent active item8">
<a href=""><span>ღვინოები</span></a>
<ul>
<li class="active item10">
<a href=""><span>ქვევრის</span></a>
</li>
<li class="item51">
<a href=""><span>დაძველებული</span></a>
</li>
<li class="item52">
<a href=""><span>სამშვენისი</span></a>
</li>
<li class="item53">
<a href=""><span>ადგილწარმოშობის</span></a>
</li>
<li class="item54">
<a href=""><span>ჯიშური</span></a>
</li>
<li class="item55">
<a><span>სადესერტო</span></a>
</li>
</ul>
</li>
<li class="item9">
<a href="javascript:;"><span>ჯილდოები</span></a>
</li>
</ul>
</li>
<li class="item57">
<a><span>MOSSANO DEPUIS 1893</span></a>
</li>
<li class="item58">
<a><span>TELURI</span></a>
</li>
<li class="item59">
<a><span>OLD GRUZIA</span></a>
</li>
<li class="item60">
<a><span>GRUZIA</span></a>
</li>
<li class="item61">
<a><span>KVARELI</span></a>
</li>
<li class="item62">
<a><span>LAZURI</span></a>
</li>
</ul>
</li>
<li class="item63">
<a><span>ცქრიალა ღვინო</span></a>
</li>
<li class="item64">
<a><span>ჭაჭა</span></a>
</li>
<li class="item65">
<a><span>ქართული ბრენდი</span></a>
</li>
</ul>
</div>
</body>
</head>
そしてここでは、CSSコードです:ので、ここで
.menu-winery { margin:0; padding:0; width:145px; list-style:none; }
.menu-winery li a { font: normal 12px/20px sylfaen, calibri, Georgia, "Times New Roman", Times, serif; color:#7b212b; display:block;
text-decoration:none; text-indent: 10px; margin-bottom: 1px; }
.menu-winery li a:hover { background-color: #7b212b; color:#fff; }
.menu-winery li.active a { background-color: #7b212b; color:#fff; }
.menu-winery li ul { margin:0; padding:0; list-style:none; }
.menu-winery li ul li { text-indent: 20px; }
.menu-winery li ul li a { background-color: #fff; font: normal 12px/20px sylfaen, calibri, Georgia, "Times New Roman", Times, serif;
color:#808285; display:block; text-transform:uppercase; text-decoration:none; margin-bottom: 1px; }
.menu-winery li ul li a:hover { background-color: #887b32; color:#fff; }
.menu-winery li ul li.active a { background-color: #887b32; color:#fff; width:200px; height:20px; }
.menu-winery li ul li ul { margin:0; padding:0; list-style:none; }
.menu-winery li ul li ul li a { background-color: #fff; font: normal 12px/20px sylfaen, calibri, Georgia, "Times New Roman", Times, serif;
color:#cbbc9a; display:block; text-transform:uppercase; text-decoration:none; text-indent: 28px; margin-bottom: 1px; }
.menu-winery li ul li ul li a:hover { background-color: #cbbc9a; color:#fff; }
.menu-winery li ul li ul li.active a { background-color: #cbbc9a; color:#fff; }
.menu-winery li ul li ul li ul { margin:0; padding:0; list-style:none; }
.menu-winery li ul li ul li ul li a { background-color: #fff; font: normal 12px/20px sylfaen, calibri, Georgia, "Times New Roman", Times, serif;
color:#887b32; display:block; text-transform:uppercase; text-decoration:none; text-indent: 33px; margin-bottom: 1px; }
.menu-winery li ul li ul li ul li a:hover { background-color: #e2dec9; color:#fff; list-style:none; }
.menu-winery li ul li ul li ul li.active a { background-color: #e2dec9; color:#fff; list-style:none; }
、私はLIののACTIVE状態に問題があります。アクティブなクラスをAタグに入れると、すべて正常に動作します。しかし、joomlaで私はメインメニューモジュールを上書きしなければならないでしょう(と私はそこに何を変更するか考えなければなりません...)
多分誰もこの問題を解決する方法を知っています。 Active Liが設定されている場合、その内部にあるすべてのsub ul-sは親色を取得します。
誰も私にこれを手伝ってもらえますか?
はあなたのjoomlaのリンクを追加することができますしてみてください?おそらくそれは特異性の問題です。 – Sotiris
http://telianivalley.com/new/index.php?option=com_telianiwines&view=winelegendlist&catid=1&Itemid=7 <---これはリンクです...このバージョンでは、私はアクティブでCSSを削除しました。それは醜く見えるようにしたくありませんでした。 – mrGott