آژانس هواپیماییexchanging

سوال در مورد منو

شروع موضوع توسط مهسا نوروزي ‏3 آگوست 2010 در انجمن CSS

  1. مهسا نوروزي

    مهسا نوروزي کاربر تازه وارد

    تاریخ عضویت:
    ‏22 آپریل 2010
    نوشته ها:
    4
    تشکر شده:
    0
    سلام من يك منو پايين افتادني آماده دانلود كردم ولي نميدونم چه جوري راست به چپ نمايش داده بشه
    هم منو و هم زير منوها.لطفا راهنمايي كنين
    اين كدش:
    کد:
    body {
    	font: x-large Verdana, Arial, Helvetica, sans-serif;
    	text-align:center;
    }
    #nav li
    {
    float:right;
    }
    ul#nav,ul#nav ul{
    	margin: 0;
    	padding: 0;
    	list-style: none;
    	z-index:99;
    	position:relative;
    }
    ul#nav{
    	width:600px;
    	margin:auto;
    	border:1px solid silver;
    	margin-top:100px;
    }
    ul#nav li {
    	position: relative;
    	float: left;
    	width:150px;
    }
    #nav li ul {
    	
    	position: absolute;
    	left: 0; 
    	top: 1em;
    	margin-left:-999em;/* ie7 doesn't work well with left:-999em but does work better with margin-left  */
    	width:150px;
    	padding:30px 0 0 0;
    	background:url(images/trans1px.gif) no-repeat/* 1px transparent gif to help ie keep focus on menu*/
    }
    #nav li ul ul{
    	position: absolute;
    	margin-left:-999em; 
    	left:95%;
    	top: -30px;
    	margin-left:100%;
    }
    
    /* Styles for Menu Items */
    ul#nav li {
    	
    	color: #fff;
    	width:150px;
    	text-align:center;
    }
    ul#nav li span{
    	float:left;
    	background:url(images/middle.png) repeat-y 0 0;
    	width:150px;
    }
    ul#nav li a {
    	display:block;
    	text-decoration: none;
    	color: #fff;
    	width:125px;
      padding:6px 5px;
    	margin:0 0 0 9px;
    	text-align:center;
    	float:left;
    	display:inline;
    	position:relative
    }
    ul#nav li li a {text-align:left}
    ul#nav li li b{float:right;} 
    ul#nav li.top,
    ul#nav li.base{
    	background:url(images/top.png) no-repeat 0 0;
    	height:17px;
    	overflow:hidden;
    	border:none;
    }
    ul#nav li.base{
    	background:url(images/button.png) no-repeat 0 0;
    }
    
    
    ul#nav li li{clear:left}
    /* this sets all hovered lists to red and current item */
    #nav li.current a,
    #nav li:hover a,
    #nav li.iehover a{
    	color: red;
    	z-index:999;
    }
    #nav li:hover li:hover a,
    #nav li.iehover li.iehover a,
    #nav li:hover li:hover li:hover a,
    #nav li.iehover li.iehover li.iehover a,
    #nav li:hover li a:hover,
    #nav li.iehover li a:hover,
    #nav li:hover li:hover li:hover a:hover,
    #nav li.iehover li li a:hover,
    #nav li:hover li:hover li:hover li:hover a:hover,
    #nav li.iehover li.iehover li.iehover li.iehover a:hover {
    	color: red;
    	z-index:999;
    	background:url(images/middle.png) repeat-y 0 0;
    	border:1px solid #c0c0c0;
    	padding:5px;
    }
    
    /* set dropdown to default */
    #nav li:hover li a,
    #nav li.iehover li a,
    #nav li:hover li:hover li a,
    #nav li.iehover li.iehover li a,
    #nav li:hover li:hover li:hover li a,
    #nav li.iehover li.iehover li.iehover li a{
    	color: #fff;
    	background:none;
    	border:none;
    	padding:6px 5px;
    }
    
    ul#nav li:hover ul ul, 
    ul#nav li:hover ul ul ul, 
    ul#nav li.iehover ul ul, 
    ul#nav li.iehover ul ul ul {margin-left:-999em}
    
    ul#nav li:hover ul,
    ul#nav li li:hover ul,
    ul#nav li li li:hover ul, 
    ul#nav li.iehover ul, 
    ul#nav li li.iehover ul,
    ul#nav li li li.iehover ul {margin-left:0}
    
    /* Float clearing */
    .clearfix:after {
        content:"."; 
        display:block; 
        height:0; 
        clear:both; 
        visibility:hidden;
    }
    .clearfix {display:inline-block;}
    /* mac hide \*/
    * html .clearfix {height: 1%;}
    .clearfix {display: block;}
     /* End hide */
    /*........... do not change or amalgamate the above clearfix styles..................*/
    
    
    
     
  2. mha1368

    mha1368 Registered User

    تاریخ عضویت:
    ‏8 ژوئن 2009
    نوشته ها:
    2,231
    تشکر شده:
    645
    کد:
    body {
    	font: x-large Verdana, Arial, Helvetica, sans-serif;
    	text-align:center;
    }
    
    

    با این جایگزین کن


    کد:
    body {
    	font: x-large Verdana, Arial, Helvetica, sans-serif;
    	text-align:right;
    }
    
    

    فونت رو هم تبدیل به tahoma کن
    خوش باشی
     
  3. مهسا نوروزي

    مهسا نوروزي کاربر تازه وارد

    تاریخ عضویت:
    ‏22 آپریل 2010
    نوشته ها:
    4
    تشکر شده:
    0
    هيچ تغييري نكرد:blink: