مشکل hover در منو
#1
Note 
درود برشما
این کد طراحی یه منو هست.ولی نمی دونم چرا HOVERمشکل داره؟
کد:
<style type="text/css">
    
            #nav
            {
                width:900px;
                height:60px;
                margin:0 auto;
                background-color:#EBEBEB;
                margin-top:10px;
                
            }
            
            #nav ul
            {
                margin:0;
                padding:0;
                list-style-type:none;
            }
            #nav ul li
            {
                float:left;
            }
            
            #nav ul li a
            {
                text-decoration:none;
                color:#999;
                padding-left:30px;
                display:block;
                padding-top:16px;
                height:44px;  
                float:left;
            }  
            
            #nav ul li a:hover
            {
                background-color:#900;
                border-top:3px solid #000;
                color:#FFF;
                height:41px;
                text-align:center;
                
            }
            
            #nav-one
            {
                
                background-color:#900;
                color:#FFF;
                border-top:3px solid #000;
                display:block;
                height:41px;
                
            }
  
            <div id="nav">
            
                <ul>
                    <li><a href="#" title="HOME" id="nav-one">HOME</a></li>
                    <li><a href="#" title="STYLEDEMEO">STYLEDEMEO</a></li>
                    <li><a href="#" title="FULLWIDTH">FULLWIDTH</a></li>
                    <li><a href="#" title="DROPDOWN">DROPDOWN</a></li>
                    <li><a href="#" title="GALLERY">GALLERY</a></li>
                    <li><a href="#" title="PORTFOLIO">PORTFOLIO</a></li>
                </ul>
            </div>  
    
    </style>

آخرین ویرایش: 14-10-2014 ساعت 22:31، توسط SOFTAFZAR
پاسخ
#2
Note 
سلام.
نگفتید Hover چه مشکلی داره؟
من منو رو یکم درستش کردم:
کد:
<style type="text/css">
    
            #nav
            {
                width:900px;
                margin:0 auto;
                background-color:#EBEBEB;
                margin-top:10px;
                
            }
            
            #nav ul
            {
                margin:0;
                padding:0;
                list-style-type:none;
                text-align: center;
            }
            #nav ul li
            {
                display: inline-block;
            }
            
            #nav ul li a
            {
                text-decoration:none;
                color:#999;
                padding: 10px 20px;
            }  
            
            #nav ul li a:hover
            {
                background-color:#900;
                border-top:3px solid #000;
                color:#FFF;
                
            }
            
            #nav-one
            {
                
                background-color:#900;
                color:#FFF;
                border-top:3px solid #000;
                display:block;
                
            }
  </style>
            <div id="nav">
            
                <ul>
                    <li><a href="#" title="HOME" id="nav-one">HOME</a></li>
                    <li><a href="#" title="STYLEDEMEO">STYLEDEMEO</a></li>
                    <li><a href="#" title="FULLWIDTH">FULLWIDTH</a></li>
                    <li><a href="#" title="DROPDOWN">DROPDOWN</a></li>
                    <li><a href="#" title="GALLERY">GALLERY</a></li>
                    <li><a href="#" title="PORTFOLIO">PORTFOLIO</a></li>
                </ul>
            </div>

آخرین ویرایش: 14-10-2014 ساعت 22:32، توسط SOFTAFZAR
پاسخ
ایجاد موضوع جدید   پاسخ به موضوع  

موضوعات مرتبط با این موضوع...
موضوع نویسنده پاسخ بازدید آخرین ارسال
  بزرگ نمایی عکس درحالت hover souda 8 944 13-07-2015 ساعت 18:38
آخرین ارسال: souda

کاربرانِ درحال بازدید از این موضوع:   1 مهمان