علی کرمی
5 روز پیش توسط علی کرمی مطرح شد
2 پاسخ

css html

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


ثبت پرسش جدید
دانیال جناب
تخصص : دانشجو
@yet4no 5 روز پیش آپدیت شد
0
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 4 روز پیش مطرح شد
0

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


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

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