انجمن


مشکل با لیست نامرتب  (۴ نوشته)

  • نوین ادمین

    آفلاین
    عضو
    تعداد نوشته‌ها: ۸۶
    تشکر شده: ۶۷ بار
    # نوشته شده: ۱۳ سال پیش
    ۳ مهر ۱۳۸۹ - ۱۵:۵۳

    سلام . من می خوام لیست نامرتب بزارم اما شکل دایره سیاه اول سطرها نمیاد . واسه اینکه منظورم رو متوجه بشین عکس میزام :
    http://electronix.persiangig.com/2222.JPG
    قسمت بالایی مربوط به یک قالبه و قسمت دوم هم مربوط به یک قالب دیگه اما لیست نامرتب که واسه هردوشون استفاده میکنم توی قالب اول مشکل داره و دایره های سیاه ابتدایی رو نشون نمیده . مشکل از css نیست چون چک کردم .
    مگه کد html نیست که همه جا جواب بده ؟
    من اینا رو هم امتجان کردم اما نشد . .

    <h4>Disc bullets list:</h4>
    <ul type="disc">
     <li>Apples</li>
     <li>Bananas</li>
     <li>Lemons</li>
     <li>Oranges</li>
    </ul>  
    
    <h4>Circle bullets list:</h4>
    <ul type="circle">
     <li>Apples</li>
     <li>Bananas</li>
     <li>Lemons</li>
     <li>Oranges</li>
    </ul>  
    
    <h4>Square bullets list:</h4>
    <ul type="square">
     <li>Apples</li>
     <li>Bananas</li>
     <li>Lemons</li>
     <li>Oranges</li>
    </ul>
  • Mostafa

    آفلاین
    ناظم
    تعداد نوشته‌ها: ۵۲۷۶
    تشکر شده: ۵۷۷۷ بار
    # نوشته شده: ۱۳ سال پیش
    ۳ مهر ۱۳۸۹ - ۱۸:۵۷

    سلام, اینو به css پوستتون اضافه کنید

    class-name ul li {
        list-style:none;
        list-style-type: disc
    }

    که class-name رو باید چیزی که در پوسته برای تابع:
    <?php the_content(); ?>
    تعریف شده وارد کنید.

    کاربران زیر به‌خاطر این نوشته تشکر کرده‌اند:
    نوین ادمین
  • نوین ادمین

    آفلاین
    عضو
    تعداد نوشته‌ها: ۸۶
    تشکر شده: ۶۷ بار
    # نوشته شده: ۱۳ سال پیش
    ۳ مهر ۱۳۸۹ - ۲۱:۰۳

    ممنون مصطفی جان کد شما بخوبی کار کرد . فقط چند نکته برای دوستانی که ممکنه بعداً مراجعه کنن .
    1- حتماً در css قبل class-name نقطه بزارن تا به عنوان کلاس عمل کنه .
    2 - ممکنه بعد از اینکه این کد رو گذاشتین موقع استفاده دایره سیاه خارج از کادر باشه که میتونین با اضافه کردن تکه کد زیر اونو درست کنین ..
    کد آقا مصطفی رو با کمی تغییر اینجا میزام . .

    .class-name ul li {
        margin : 6px 25px auto 4px ;
        list-style:none;
        list-style-type: disc
    
    }

    مقادیر داخل margin رو هم طوری تغییر بدین تا مناسب قالبتون بشه .

  • Mostafa

    آفلاین
    ناظم
    تعداد نوشته‌ها: ۵۲۷۶
    تشکر شده: ۵۷۷۷ بار
    # نوشته شده: ۱۳ سال پیش
    ۴ مهر ۱۳۸۹ - ۰۹:۰۰

    البته برای استاندارد سازی هم کمی تغییر می کنه!
    اگر با دیو یا پاراگراف تعریف کرده باشین اینطوری میشه!

    p.class-name ul li {
        margin : 6px 25px auto 4px ;
        list-style:none;
        list-style-type: disc
    
    }

    یا

    div.class-name ul li {
        margin : 6px 25px auto 4px ;
        list-style:none;
        list-style-type: disc
    
    }
    کاربران زیر به‌خاطر این نوشته تشکر کرده‌اند:
    نوین ادمین

درباره‌ی این موضوع



برچسب‌ها

هیچ برچسبی نیست.