ترازبندی وسط چین کردن

[p30online]

دوستان آخر مشکلم با این وسط چین کردن حل نشد چرا این وسط چین نمی شود ؟



<div id="menu">
<ul id="main">
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">2</a></li>
<li><a href="#">2</a></li>
<li><a href="#">2</a></li>
<li><a href="#">2</a></li>
<li><a href="#">2</a></li>
</ul>
</div>


این هم css هاش




#menu {
width: 1000px;
margin: 0 auto;
padding: 0;
height: 50px;
background: url(images/img022.jpg) no-repeat left top;
background:#FFF;
}
#main{
margin:0 auto;
}
#menu ul {

padding: 0;
list-style: none;

}

#menu li {
display: inline;
}

#menu a {
display: block;
float: left;
height: 20px;
margin: 0;
padding: 18px 30px 0 30px;
text-decoration: none;
text-transform: capitalize;
background: url(images/img03.jpg) no-repeat right top;
font: 500 11px Tahoma, Arial, sans-serif;
font-weight: normal;
color:#000;
}

#menu a:hover {
color: #FF8000;
}

#menu .current_page_item a {
color: #FFFFFF;
}

[tamafi6]

بنازم به هوش شما


#menu {
width: 1000px;
}
را 1000 گذاشتی بعد میخوای وسط چین بشه یاحذفش کن یا کمترش کن

[p30online]

من نذاشتم:لبخندساده: اون طراح قالبه گذاشته !ولی خدا کنه درست بشه

[p30online]

این لینک ها وسط دایو نمی آیند ؟

[tekide]

دوستان آخر مشکلم با این وسط چین کردن حل نشد چرا این وسط چین نمی شود ؟



<div id="menu">
<ul id="main">
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">2</a></li>
<li><a href="#">2</a></li>
<li><a href="#">2</a></li>
<li><a href="#">2</a></li>
<li><a href="#">2</a></li>
</ul>
</div>


این هم css هاش




#menu {
width: 1000px;
margin: 0 auto;
padding: 0;
height: 50px;
background: url(images/img022.jpg) no-repeat left top;
background:#FFF;
}
#main{
margin:0 auto;
}
#menu ul {

padding: 0;
list-style: none;

}

#menu li {
display: inline;
}

#menu a {
display: block;
float: left;
height: 20px;
margin: 0;
padding: 18px 30px 0 30px;
text-decoration: none;
text-transform: capitalize;
background: url(images/img03.jpg) no-repeat right top;
font: 500 11px Tahoma, Arial, sans-serif;
font-weight: normal;
color:#000;
}

#menu a:hover {
color: #FF8000;
}

#menu .current_page_item a {
color: #FFFFFF;
}

سلام پز از ایرادچ



background:#FFF;


روش صحیح




background:#fff url(images/img022.jpg) no-repeat left top;


چینش خیلی مهمه که...

یا علی

[tamafi6]

عزیزروش کدنویسی شمااشتباهه وقتی به عنصری float بدیدیاسمت چپه یاراست وسط نداریم اشتباهات زیادی داخل کدهست ازنمونه زیراستفاده کن


<div class="menu">
<ul>
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">2</a></li>
<li><a href="#">2</a></li>
<li><a href="#">2</a></li>
<li><a href="#">2</a></li>
<li><a href="#">2</a></li>
</ul>
</div>
میبینی چقدرحجم کدکم شده


.menu {
width: 1000px;
margin: 0 auto;
background:lime;
height:40px;
}
ul{
margin:0 auto;
width:auto;
display:table;
padding:10px;
}
ul li{
list-style: none;
display:inline;
margin:0;
}
ul li a{
padding:5px 30px;
text-decoration: none;
text-transform: capitalize;
font: 500 11px Tahoma, Arial, sans-serif;
font-weight: normal;
color:#000;
border:1px solid #000;
}
ul li a:hover {
color: #FF8000;
background:green;
}
این روش صحیح است