جستجو در بخش : سوال جواب منابع اسلامی لغت نامه ها قوانین و مصوبات
×

فرم ورود

ورود با گوگل ورود با گوگل ورود با تلگرام ورود با تلگرام
رمز عبور را فراموش کرده ام عضو نیستم، می خواهم عضو شوم
×

×

آدرس بخش انتخاب شده


جهت کپی کردن میتوانید از دکمه های Ctrl + C استفاده کنید
رویداد ها - امتیازات
در حال بارگذاری
×

رویداد ها - امتیازات

برای بررسی عملکرد فعالیت و امتیازات خود باید در وب سایت وارد باشید. در صورت عضویت از بخش بالای صفحه وارد شوید، در غیر این صورت از دکمه پایین، مستقیم به صفحه ثبت نام وارد شوید.


×
×
لطفا از کمپین بشین خونه؛ پول دربیار دیدن فرمایید.
×

دلیل درخواست بستن پست

حاوی مفاهیم غیر اخلاقی، سیاسی و یا توهین آمیز. کلیه پست هایی که از نظر محتوایی نیاز به بررسی و یا حذف شدن دارند در این دسته قرار می گیرند.
محتوایی با عدم جزئیات کافی و مورد نیاز. کلیه پست هایی که منظور نویسنده به وضوح مشخص نیست و نیازمند توضیحات و جزئیات بیشتر می باشند در این دسته قرار می گیرند.
محتوایی بی ربط با موضوعیت سرفصل کلی. کلیه پست هایی که از منظر مفهوم و مضمون ارتباطی با عنوان اصلی سوال ندارند در این دسته قرار می گیرند.
محتوایی دلخواه و بر پایه سلیقه. کلیه پست هایی که یک پاسخ مشخص ندارند و متوانند چندین پاسخ متفاوت و صحیح داشته باشند که کاملا مبتنی بر نظر شخصی افراد هستند در این دسته قرار می گیرند.
محتوایی در حوزه خیلی وسیع. کلیه پست هایی که از نظر محتوایی در یک حوزه ی وسیعی قرار دارند و مشخصا به یک موضوع خاصی اشاره ندارند که پاسخدهی به آن ها مستلزم تشریح مفاهیمی کلی می باشند در این دسته قرار می گیرند.
قبلا در لام تا کام مطرح شده. پست هایی که دقیقا با همین محتوا و مضمون قبلا در وب سایت لام تا کام درج شده اند، با ذکر آدرس منبع تکراری با پست حال حاضر شامل این دسته هستند. تکراری است با:
به سایر دلایل، نیازمند به بررسی توسط مدیر. به هر دلیل غیری که پست را نیازمند بررسی توسط مدیر کرده، با ذکر دلیل، در این دسته قرار میگیرد.
ارسال رای بستن

چگونه می توانم بر تگ li ویژگی margin-top را اعمال کنم؟


3
0
357

کد من:

li{
    padding: 5px 4px 6px 7px;
    margin-top: 3px;
    margin-bottom: 3px;
    list-style: none;
}
li + li {
    border-top: 1px solid #eff0f1;
}
li:hover{
    background-color: #f7f8f8;
}

و

<ul>
  <li>something</li>
  <li>something else</li>
  <li>something else again</li>
</ul>

همانطور که میبینید margin-top: 3px; اعمال نمیشه. چطور می تونم درستش کنم؟


خروجی فعلی:

توضیح تصویر

خروجی مد نظر:

توضیح تصویر

علمی برنامه-نویسی کامپیوتر
سوال شده در ساناز رضایی
1180 امتیاز

500 کاراکتر باقی مانده

1 جواب

5

سلام دوست عزیز؛

ببینید این کاری که شما می‌خواید بکنید چون به صورت همزمان دارید از border ، padding و margin برای یک تگ استفاده می‌کنید امکان پذیر نیست. البته هیچ وقت مشکلی نداره ولی خب شما دارید به همه‌ي لیست یعنی تگ‌ها li این خاصیت‌ها رو میدید که چون border در بین این تگ‌ها وجود داره به شکلی که شما می‌خواید در نمیاد.

من داخل هر li یک div هم اضافه کردم تا بتونم راحت‌تر استایل دهی کنم و استایلی که شما می‌خواید رو در بیارم. به شکل زیر:

<ul>
  <li><div>something</div></li>
  <li><div>something else</div></li>
  <li><div>something else again</div></li>
</ul>

و

li{
    list-style: none;
    border-bottom: 1px solid #000;
}
li div{
  padding: 5px 4px 6px 7px;
  background-color: #f7f8f8;
  margin: 3px 0;
}
li:last-child{
  border-bottom:0 ;
}
li:hover div{
    background-color: #ddd;
}

نتیجه بصورت تصویر زیر است:

توضیح تصویر

نمونه آنلاین: jsfiddle

جواب داده شده در محمدرضا خدری
745 امتیاز


درسته کار می کنه ــ ساناز رضایی در 2 سال قبل

500 کاراکتر باقی مانده


جواب شما
     
.....
×

×

جعبه لام تا کام


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

تبلیغات توضیحی


اقتصاد رفتاری بررسی روشهای تاثیرگذار بر رفتار کاربران
مردم همیشه به دنبال چیزهایی هستند که نمیتونن اونارو داشته باشن، و با به سادگی نمیتونن اون رو به دست بیارن.

تبلیغات تصویری


محک