2017-02-04 61 views
-2

我无法修复我的导航栏悬停在我的李元素上的广场上,这里是我的代码,因此您可以理解我,请帮助。无法修复我的导航栏的悬停

我无法修复我的导航栏悬停在我的李元素上的孔广场,这里是我的代码,所以你可以理解我,请帮助。

https://jsfiddle.net/h41zhwrx/

<body> 
    <!** Social Media Icons**> 
    <div class='social-wrap'> 
<ul> 
<li><a class='facebook1' href='http://www.facebook.com/username' target='_blank' title='Facebook' rel='nofollow'></a></li> 
<li><a class='twitter1' href='http://twitter.com/username' target='_blank' title='Twitter' rel='nofollow'></a></li> 
<li><a class='google-p1' href='https://plus.google.com/b/username' target='_blank' title='Google Plus' rel='nofollow'></a></li> 
<li><a class='rss1' href='http://feeds.feedburner.com/username' target='_blaank' title='RSS Feed' rel='nofollow'></a></li> 
<li><a class='pinit1' href='http://www.pinterest.com/username' target='_blank' title='Pinterest' rel='nofollow'></a></li> 
<li><a class='linkdin1' href='http://www.linkedin.com/in/username' target='_blank' title='Linkedin' rel='nofollow'></a></li> 
</ul> 


</div> 

    <!**my top bar space**> 

<ul class="topnav" id="myTopnav"> 
    <li><a href="#home"></a> 








    </li> 

    <li class="icon"> 

    </li> 
</ul> 
    <div class="banner"> 
        <img class="banner-image" src="img/banner.jpg" alt="Make Image responsive" > 
        </div> 
    <!** My nav bar space**> 
     <ul class="nav"> 
    <li class="icon"> 
    <a href="javascript:void(0);" onclick="myFunction()">&#9776;</a> 
    </li> 
    <li><a href="#"> DIGITAL  </a></li> 
    <li><a href="#"> ANALYSES  </a></li> 
    <li><a href="#"> CRÉATIVITÉ </a></li> 
    <li><a href="#"> TECHNOLOGIE </a></li> 
    <li><a href="#"> ÉVÉNEMENT </a></li> 
    <li><a href="#"> EMPLOI  </a></li> 
    <li><a href="#"> CONTACT  </a></li>   

     </ul> 

    <div class="footer">Dzair Tic Tous droits réservés ©2017.</div> 


    </body> 
+0

没有得到你的任务只需更换这2类。请详细说明。 –

+0

我对单词不太好,在这里!你会理解我的! http://www.hostingpics.net/viewer.php?id=317488Prob.jpg –

+0

你不能帮忙吗? –

回答

0
.nav { 

    font-family: 'arial', serif; 
margin-top: 0; 
background-color: #1f5d86; 
Color: #ffffff; 
list-style: none; /* Na7i boutton ta3 la liste */ 
text-align: center; 

    opacity: 0.9; 
} 

.nav > li { 

display: inline-block; 
padding: 15px 20px; 
    font-size: auto ; 

    } 

在CSS