SitePoint Sponsor

User Tag List

Results 1 to 9 of 9
  1. #1
    SitePoint Enthusiast subBlue's Avatar
    Join Date
    Jun 2001
    Location
    Edinburgh, UK
    Posts
    51
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Unordered list indent...

    Is there a way to change the margin indent of the marker dots in unordered lists?
    Become Interactive because its all gone a bit subBlue

  2. #2
    SitePoint Wizard creole's Avatar
    Join Date
    Oct 2000
    Location
    Nashvegas Baby!
    Posts
    7,845
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hmmm...I thought that you could change the distance, but I just spent about 20 minutes trying it and looking online and apparently you can't change the distance after all.
    Adobe Certified Coldfusion MX 7 Developer
    Adobe Certified Advanced Coldfusion MX Developer
    My Blog (new) | My Family | My Freelance | My Recipes

  3. #3
    pg for mild peril cow's Avatar
    Join Date
    Mar 2000
    Location
    nevada, usa
    Posts
    636
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    you can do it if you define padding-left for the <ul> in your style sheet.

  4. #4
    SitePoint Wizard creole's Avatar
    Join Date
    Oct 2000
    Location
    Nashvegas Baby!
    Posts
    7,845
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Sorry, that doesn't work. I just tried this code:

    <html>
    <head>
    <style type="text/css">
    ul { padding-left: 0px; }
    </style>
    </head>
    <body>
    <ul>
    <li>This is an item. It is an item of an item.</li>
    <li>This is an item. It is an item of an item.</li>
    <li>This is an item. It is an item of an item.</li>
    <li>This is an item. It is an item of an item.</li>
    </ul>
    </body>
    </html>

    and it does not work.

    Let me clarify, do you want to change how far in from the left side the initial dots are? Or do you want to change how far the text is from the right of the dot?
    Adobe Certified Coldfusion MX 7 Developer
    Adobe Certified Advanced Coldfusion MX Developer
    My Blog (new) | My Family | My Freelance | My Recipes

  5. #5
    SitePoint Zealot cokeman's Avatar
    Join Date
    Dec 2000
    Location
    So. California
    Posts
    173
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    <style type="text/css">
    ul {margin-left: 20px}
    </style>

    is this what you want?

  6. #6
    pg for mild peril cow's Avatar
    Join Date
    Mar 2000
    Location
    nevada, usa
    Posts
    636
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    hmmm, that's odd...

    i tried:

    <html>
    <head>
    <style type="text/css">
    .indentUL {padding-left: 20px;}
    </style>
    </head>

    <body>
    <ul class="indentUL">
    <li>text goes here</li>
    <li>text goes here</li>
    <li>text goes here</li>
    </ul>
    </body>
    </html>

    and:

    <html>
    <head>
    <style type="text/css">
    ul {padding-left: 20px;}
    </style>
    </head>

    <body>
    <ul>
    <li>text goes here</li>
    <li>text goes here</li>
    <li>text goes here</li>
    </ul>
    </body>
    </html>

    in both ie5 and nn4.7 and they both worked. who knows...

  7. #7
    SitePoint Enthusiast subBlue's Avatar
    Join Date
    Jun 2001
    Location
    Edinburgh, UK
    Posts
    51
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Cheers guys,
    Thats works great (even in NS v4.07!)
    Become Interactive because its all gone a bit subBlue

  8. #8
    pg for mild peril cow's Avatar
    Join Date
    Mar 2000
    Location
    nevada, usa
    Posts
    636
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    ...just found out that nn4.7 doesn't allow you to assign any padding-left to list items.

    when i did this:

    <html>
    <head>
    <style type="text/css">
    .indentLI {padding-left: 20px;}
    </style>
    </head>

    <body>
    <ul>
    <li class="indentLI">text goes here</li>
    <li class="indentLI">text goes here</li>
    <li class="indentLI">text goes here</li>
    </ul>
    </body>
    </html>

    nn4.7 rendered the list item without the bullet but ie5 does allow you to assign padding-left values to list items and lists.

  9. #9
    SitePoint Wizard creole's Avatar
    Join Date
    Oct 2000
    Location
    Nashvegas Baby!
    Posts
    7,845
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    OK, I understand now. I was trying to give it negative padding. I wanted to get the dots CLOSER to the text in the LI using CSS. Apparently that is not possible. You can however move them further away.

    bummer...I don't think there would be a time when I would want them FURTHER away.
    Adobe Certified Coldfusion MX 7 Developer
    Adobe Certified Advanced Coldfusion MX Developer
    My Blog (new) | My Family | My Freelance | My Recipes


Bookmarks

Posting Permissions

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