سلام
من یه لیست تو صفحه ام دارم که افقیش کردم اما فاصله سمت چپش رو هر کاری می کنم نمی تونم از بین ببرم.بولت هاش رو با list-style-type : none برداشتم اما فضای سمت چپش همچنان باقیه.
راهنمایی بفرمایید.
ممنون
Printable View
سلام
من یه لیست تو صفحه ام دارم که افقیش کردم اما فاصله سمت چپش رو هر کاری می کنم نمی تونم از بین ببرم.بولت هاش رو با list-style-type : none برداشتم اما فضای سمت چپش همچنان باقیه.
راهنمایی بفرمایید.
ممنون
سلام
شما می توانید با مقدار منفی دادن به خاصیت text-indent نوشته تون اونو به سمت چپ ببرین
ولی در مقداردهی خیلی زیاده روی نکنین چون ممکنه نوشته تون اولش ناقص بشه
اینم نمونه ای از این روش
[HTML]<ul style="list-style-position:outside ; list-style-type:none">
<li style="text-indent:-25px"> List 1 , Item 1 </li >
<li > List 1 , Item 2 </li >
</ul >[/HTML]
فکر نکنم مشکل از اونجا باشه این کار مشکل رو حل میکنه ولی اساسی نیست شما اگه میخای کل کد CSS رو اینجا بزار.
باید padding رو براش صفر کنید. مارجین هم به صورت پیشفرض نداره اما اگر توی کدتون جایی مارجین کلی داده باشین باید margin رو هم صفر کنیدنقل قول:
مارجینش رو منفی کردم شد همون چیزی که می خواستم.نقل قول:
چرا منفی
هر کدوم از Li ها padding دارن
و Ul هم Margin داره
شما هم Ul رو 0 کر هم Li رو درست می شه