• Hi,

    I am using Kubrick’s Theme. Below are a copy of the list item style.

    /* Begin Lists

    Special stylized non-IE bullets
    Do not work in Internet Explorer, which merely default to normal bullets. */

    html>body .entry ul {
    margin-left: 0px;
    padding: 0 0 0 30px;
    list-style: none;
    padding-left: 10px;
    text-indent: -10px;
    }

    html>body .entry li {
    margin: 7px 0 8px 10px;
    }

    .entry ul li:before, #sidebar ul ul li:before {
    content: “0BB 020”;
    }

    .entry ol {
    padding: 0 0 0 35px;
    margin: 0;
    }

    .entry ol li {
    margin: 0;
    padding: 0;
    }

    .postmetadata ul, .postmetadata li {
    display: inline;
    list-style-type: none;
    list-style-image: none;
    }

    #sidebar ul, #sidebar ul ol {
    margin: 0;
    padding: 0;
    }

    #sidebar ul li {
    list-style-type: none;
    list-style-image: none;
    margin-bottom: 15px;
    }

    #sidebar ul p, #sidebar ul select {
    margin: 5px 0 8px;
    }

    #sidebar ul ul, #sidebar ul ol {
    margin: 5px 0 0 10px;
    }

    #sidebar ul ul ul, #sidebar ul ol {
    margin: 0 0 0 10px;
    }

    ol li, #sidebar ul ol li {
    list-style: decimal outside;
    text-indent: 0;
    }

    #sidebar ul ul li, #sidebar ul ol li {
    margin: 3px 0 0;
    padding: 0;
    }
    /* End Entry Lists */

    My problem is, the results of the listing are a bit missaligned. It turns out like this

    >> Nabi Adam bertaubat kepada Allah.
    >> Nabi Idris diangkat oleh Allah ke langit.
    >>     Nabi Nuh diselamatkan Allah keluar dari perahunya sesudah bumi ditenggelamkan selama enam bulan.

    * Problem is on the text layout indent. The second line falls below the list item symbol. How do I solve this?

    Here is the actual URL : http://www.mystrique.com/?p=14

    Thanks,

Viewing 2 replies - 1 through 2 (of 2 total)
  • I don’t think it’s possible to align these perfectly, but you can fiddle with them a bit… here’s what I tried:

    /* Begin Lists
    Special stylized non-IE bullets
    Do not work in Internet Explorer, which merely default to normal bullets. */

    html>body .entry ul {
    margin-left: 0;
    list-style: none;
    padding: 0 0 0 2em;
    text-indent: -1em;
    }

    html>body .entry li {
    margin: 0.5em 0;
    }

    .entry ul li:before, #sidebar ul ul li:before {
    content: "0BB"; /* >> */
    margin-right: 0.4em;
    }

    Thread Starter mystrique

    (@mystrique)

    Hmmm….

    Now I know why is this thing happens.
    It is because of the text-align: justify!

    After adding the “text-align: left”, problem solved. Yeah!

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Unordered list item indent problem’ is closed to new replies.