سوال: مشکل در استایل لیست(ایجاد منو) در css

ساخت وبلاگ

با سلام اینجا یک منو داریم که لینک ها رو به صورت زوج و فرد به دو رنگ در آوردیم چیزی که من میخام اینه که منو کاملا به سمت راست صفحه بچسبه و هیچ فاصله اضافه ای در شروع نیفته اما در کد من این فاصله وجود داره و با مقداری فاصله لینک ها شروع میشن ، مارجین و پدینگ رو تو کدها صفر کردم ولی نتونستم از شر این فاصله خلاص شم :( چکنم دوستان؟!!

کد html:

<html>
<head>
<link href="ulli.css" type="text/css" rel="stylesheet" >
</head>
<body>
<div id="menu">
<ul>
<li><a href="#exp" >exp</a></li>
<li><a href="#edu" >edu</a></li>
<li><a href="#cv" >cv</a></li>
<li><a href="#con" >contact</a></li>
</ul>
</div>
</body>
</html>
و کد css
*{
direction:rtl;
}
ul {
list-style:none;
margin:0;
}
ul li:nth-child(2n){
background-color:green;
}
ul li:nth-child(2n+1){
background-color:darkgreen;
}

a{
text-decoration:none;/*remove underline from links*/
}
#menu{
width:10%;
padding:0;
}

برنامه نویس...
ما را در سایت برنامه نویس دنبال می کنید

برچسب : نویسنده : محمد رضا جوادیان programers بازدید : 145 تاريخ : شنبه 14 مرداد 1396 ساعت: 9:29