انجمن


راست چین کردن منو ابشاری  (۱ نوشته)

  • kits

    آفلاین
    عضو
    تعداد نوشته‌ها: ۲۲۵
    تشکر شده: ۷۰ بار
    # نوشته شده: ۹ سال پیش
    ۲۵ اردیبهشت ۱۳۹۱ - ۰۰:۱۷

    سلام دوستان
    من یه قالب دارم که منو ابشاری در بالای اون داره ومشکلی که هست اینه که منو ابشاری و زیر منو ها از سمت چپ باز میشه و من میخوام از سمت راست باز بشه

    اینم کد css اون
    میشه دوستان کمکم کنن

    ممنون

    #menu {float: left; display: inline; position:relative; z-index:200; margin-top: 6px; }
    #menu li li{margin-right: 0;}
    
    .downarrowclass {	background:url(../images/down.png) no-repeat center; padding:6px 11px;}
    .rightarrowclass {background:url(../images/right.png) no-repeat center right;	padding:10px;	position:absolute;	right:10px;	}
    
    /*Top level list items*/
    .dropdown ul li{position: relative; display: inline; margin-right: 0;}
    /*Top level menu link items style*/
    .dropdown ul li a{text-decoration: none; line-height:18px; }
    
    * html .dropdown ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
    display: inline-block;
    }
    
    /*1st sub level menu*/
    .dropdown ul li ul {position: absolute; left: 0; display: block; visibility: hidden; z-index:100; background:#333; text-align:left;}
    /*All subsequent sub menu levels vertical offset after 1st level sub menu */
    .dropdown ul li ul li ul{top: 0;}
    /* Sub level menu links style */
    .dropdown ul li ul li a {width: 140px; padding: 5px 10px; margin: 0; border-top-width: 0; border-bottom: 1px solid #4a4747; color:#fff; text-shadow:0 2px 0 #000; text-transform:none; display:block; }
    .dropdown ul li ul li:last-child a, .dropdown ul li ul li:last-child a:hover {border:none;}
    .dropdown ul li ul li a:hover { color:#000; }

درباره‌ی این موضوع



برچسب‌ها