راکت
حل شده

css html

2 پاسخ

سلام
وقتی با list_style_image میخوام ک یک تصکیر رو کنار ایتم های لیست قرار بدم تصویر بسیار بزرگ میشه و کل صفحه رو میگیره
چطوری میشه ک عکس کوچیک بشه و مثل دیسک خیلی ریز کنار آیتم ها قرار بگیره؟

ثبت پرسش جدید

پاسخ‌ها

2
دانیال جناب
دانیال جناب
@yet4no

تخصص: دانشجو

بهترین پاسخ
ul
  list-style: none;
  padding: 0;
}

ul li {
  background-image: url("icon.png");
  background-size: 16px 16px; /* کوچیک کردن تصویر */
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 24px; /* یه فاصله بدیم که متن نره روی عکس */
}

list-style-image اندازه عکس رو کنترل نمی‌کنه، ولی با background-image می‌تونی سایزشو کم کنی که مثل یه آیکن کوچیک کنار آیتم‌های لیست باشه. این روش بهترین و راحت‌ترین راهه.

یوسف
یوسف
@Yousof15

تخصص: کاراموز بک اند،جنگو

سلام داداش
داداش بنظرم به جای استفاده از پیکسل از درصد استفاده کنی بهتر باشه

شاید پاسخ شما همین‌جا باشد

برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام