2012-03-08 52 views
0

私はウェブサイトを開発すると早い段階にいます。 この問題が発生しました:a.currentはあるIDに対しては完全に機能しますが、別のIDに対しては機能しません。ここでCss a.currentは1つのidでは動作しませんが、別のものでは動作します

は、正確なコード

#top-menu 
{ 
    width:965; 
    height:27; 
} 

#top-menu ul 
{ 
    float:left; 
    margin: 5 0 0 0; 
    padding: 0; 
} 


#top-menu li 
{ 
    margin-left:5; 
    display: inline; 
} 


#top-menu a 
{ 
    padding: 7px 7px 4px 7px; 
    margin-left:0; 
    margin-right:-9; 
    color:#000; 
    font-size:12; 
    font-family:Arial; 
    font-weight:100; 
} 

#top-menu a:hover 
{ 
    border-bottom-color:#FFF; 
    background-color:#FFF; 
} 


#top-menu a.current 
{ 
    text-decoration:underline; 
} 

/**/

#glavnimeni 
{ 
padding-right:0; 
width:965; 
height:28; 
margin-top:-3; 
} 


#glavnimeni ul 
{ 
    height:28; 
    margin: 0; 
    padding: 0; 
    background-image:url(../images/navigacija.png); 
    width:965; 

} 

#glavnimeni ul li 
{ 
    display: inline; 
    height:28; 
} 

#glavnimeni ul li a 
{ 
    padding:9 10 7 10; 
    color:#fff; 
    vertical-align:bottom; 
} 

#glavnimeni ul li a:hover 
{ 
    text-decoration:underline; 
    border-bottom-color:#FFF; 
} 

#glavnimeni a.current 
{ 
    text-decoration:underline; 
} 

は、それは#トップのメニューのために完璧に動作しますが、それは#glavnimeniのために動作しませんです。ここで が、私はこれらのIDを使用して、両方のdivのコードです:

<div id="top-menu"> 
     <ul> 
      <li><a href="default.asp">Prijavi se</a></li> 
      <li><a href="default2.asp">Registruj se</a> </li> 
      <li><a href="#">Prati nas</a></li> 
         <li<a href="#">Pretraga</a></li> 

</div> 

/**/

<div id="glavnimeni"> 
     <ul> 
      <li><a href="default.asp">Početna</a></li> 
      <li><a href="default2.asp">Vijesti</a> </li> 
      <li><a href="#">Škola</a></li> 
      <li><a href="#">Sekcije & Takmičenja</a></li> 
      <li><a href="#">Galerija</a></li> 
      <li><a href="#">O nama</a></li> 
     </ul> 


    </div> 

私は間違っている可能性がどのようなものを考えることはできません。

答えて

2

<a>タグのいずれもclass="current"属性を持たない可能性があります。

は、私はまた、コーディングミスに気づく:#1トップ・メニューで

<li><a href="#">Pretraga</a></li> 
</ul> 

:へ<li<a href="#">Pretraga</a></li>を変更します。

+0

ありがとうございます#glavnimeniでも動作します。 しかし、タグのclass = "current"を除き#top-menuにはどのように機能するのでしょうか? – demi

関連する問題