sedaaghat
شنبه 14 مرداد 1396, 02:58 صبح
با سلام اینجا یک منو داریم که لینک ها رو به صورت زوج و فرد به دو رنگ در آوردیم چیزی که من میخام اینه که منو کاملا به سمت راست صفحه بچسبه و هیچ فاصله اضافه ای در شروع نیفته اما در کد من این فاصله وجود داره و با مقداری فاصله لینک ها شروع میشن ، مارجین و پدینگ رو تو کدها صفر کردم ولی نتونستم از شر این فاصله خلاص شم :( چکنم دوستان؟!!
کد 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;
}
کد 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;
}