2011-07-14 23 views
1

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は親色を取得します。

誰も私にこれを手伝ってもらえますか?

+0

はあなたのjoomlaのリンクを追加することができますしてみてください?おそらくそれは特異性の問題です。 – Sotiris

+0

http://telianivalley.com/new/index.php?option=com_telianiwines&view=winelegendlist&catid=1&Itemid=7 <---これはリンクです...このバージョンでは、私はアクティブでCSSを削除しました。それは醜く見えるようにしたくありませんでした。 – mrGott

答えて

0

Joomlaのは、アクティブなメニュー項目のid #currentを使用するため、

.menu-winery li#current a { background-color: #7b212b; color:#fff; } 
+0

これは同じ効果があると思いますが、試してみる価値があります。しかし、このプロジェクトのケースでは、JoomlaはID Currentを表示しません。それは興味深い事実ですが、なぜID = "Current"を表示しないのでしょうか...多分あなたは知っています... – mrGott