dcsimg
www.webdeveloper.com
Results 1 to 3 of 3

Thread: ol/ul/il issue

  1. #1
    Join Date
    Feb 2009
    Posts
    9

    ol/ul/il issue

    Hi there. I'm having trouble with the indentation for my list. I wanted to have a bulleted list with indented sub-lists. This is what I've got so far:

    Minor CSS modifications:
    ul.client {
    line-height:1.3;
    }

    ol.client {
    margin: 0px;
    padding: 0px 0px 0px 4em;
    }


    The HTML:
    <ol class="client" type="square">
    <li>Item #1
    <ul class="client" type="disc">
    <li>Sub-item #1
    <li>Sub-item #2</ul>
    <li>Item #2
    <ul class="client" type="disc">
    <li>Sub-item #1
    <li>Sub-item #2</ul>
    </ol>

    Right now, it shows up as one straight list - no indents - with the different bullets. Any ideas? Thanks!

  2. #2
    Join Date
    Oct 2009
    Posts
    21
    Hi.
    you should add this code to ul, ol of your css:

    list-style: inside url("LINK-BULLET.jpg");
    in which "inside" might give indent to your sub-list
    url.... bullet of you list;

    hopely help you!!

  3. #3
    Join Date
    Jun 2009
    Posts
    112
    You have a LOT of unclosed tags in your html...

    It should be:

    <ol class="client" type="square">
    <li>Item #1
    <ul class="client" type="disc">
    <li>Sub-item #1</li>
    <li>Sub-item #2</li>
    </ul>
    </li>
    <li>Item #2
    <ul class="client" type="disc">
    <li>Sub-item #1</li>
    <li>Sub-item #2</li>
    </ul>
    </ol>

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles