• یک مشکل منو در css
    #1
    Note 
    با سلام به همه دوستان
    من یک منو ساخته ام و به آن یک پس زمینه آبی دادم زمانی که صفحه مرورگر را بزرگ می کنم هنگامی که اسکرول صفحه مشخص می شود و آن را به سمت چپ می کشم کناره های منو دیگر رنگ سفید خود صفحه را نشان می دهد.لطفا کمکم کن

    [CSS]
    nav {

    text-align:center;



    }


    li {

    margin-left:50px;

    }


    /*nav li {

    display:inline;


    }*/


    nav{ width: 100%; height: 70px; background: url('../image/header-bg.jpg') ; margin: 0; padding: 0 30px 5px; position: relative;}

    nav ul{display: block; width: auto; background: url('../image/header-bg.jpg') ; }

    nav ul li{display: inline-block; position: relative;}

    nav ul li>a{display: inline-block; font: 15px/27px tahoma; color: #fff; padding: 2px 15px 6px 8px;}

    nav ul li>a:hover{color: #FEEF00;}

    .menu{ display: hidden; width: 40px; height: 40px; margin-left:550px; background: url("../image/menu.png") ;}

    [/CSS]

    آخرین ویرایش: 20-08-2014 ساعت 15:06، توسط Daniel
    پاسخ
    #2
    Note 
    سلام
    کد کامل رو بذارید لطفا با html

    پاسخ
    #3
    Note 
    [HTML]
    <nav>
    <a href="#" id class="menu"></a>

    <ul id="TopMenu">


    <ul>
    <li><a href="#">Home</a></li>
    <li><a href="#">One</a></li>
    <li><a href="#">Two</a></li>
    <li><a href="#">Three</a></li>
    <li><a href="#">Four</a></li>
    </ul>
    </nav>
    [/HTML]

    [CSS]

    div.titr a {
    color:#F2EBEB;
    }


    nav {

    text-align:center;
    /*font-size:20px;*/
    /*padding-top:20px;*/


    }


    li {

    margin-left:50px;

    }


    nav{ width: 100%; height: 70px; background: url('../image/header-bg.jpg') ; margin: 0; padding: 0 30px 5px; position: relative;}

    nav ul{display: block; width: auto; background: url('../image/header-bg.jpg') ; }

    nav ul li{display: inline-block; position: relative;}

    nav ul li>a{display: inline-block; font: 15px/27px tahoma; color: #fff; padding: 2px 15px 6px 8px;}

    nav ul li>a:hover{color: #FEEF00;}

    .menu{ display: hidden; width: 40px; height: 40px; margin-left:550px; background: url("../image/menu.png") ;}



    @media only screen and (max-width : 970px) {


    .menu{display:inline-block;}

    .topMenu nav{position: relative; z-index: 100000; padding-top: 9px;}

    nav ul {display: none; position: absolute; padding:-11px 0; z-index: 100000; border: 3px solid #444; right: -25px; top: -1px; width: 150px; border-radius: 14px 0 14px 4px;}

    nav li { text-align: center; width: 120px; padding:5px; margin: 0;}

    nav:hover ul , nav:active ul { display: block;}

    }
    [/CSS]

    آخرین ویرایش: 20-08-2014 ساعت 15:07، توسط Daniel
    پاسخ
    #4
    Note 
    دوست عزیز
    کدها رو تو بلاک مخصوص کد قرار بده
    کل منوت رنگش سفیده من هیچ رنگ آبی توش ندیدم
    دقیقا میخوای منوت چطور باشه؟

    پاسخ
    ایجاد موضوع جدید   پاسخ به موضوع  

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