Results 1 to 5 of 5

Thread: width between bullit and text in list

  1. #1

    Thread Starter
    Hyperactive Member
    Join Date
    Oct 1999
    Posts
    309

    width between bullit and text in list

    How can I set the width between the bullit and the text in a list =><ul><li>example</li></ul> ?

  2. #2
    Black Cat JoshT's Avatar
    Join Date
    Nov 2000
    Location
    WNY, USA
    Posts
    4,032
    Code:
    <ul>
    <li><span style="padding-left:25px;">test</span></li>
    </ul>
    Josh
    Get these: Mozilla Opera OpenBSD
    I have books for sale: "MCSD in a Nutshell" and "VB Distributed Exam Cram" - PM me for details. Will also trade for a decent ATX Pentium 2 MB/CPU/RAM combo.

  3. #3
    Conquistador
    Join Date
    Dec 1999
    Location
    Australia
    Posts
    4,527
    Code:
    <ul>
    <li><span style="padding-left:3px;">test</span></li>
    </ul>
    ?

  4. #4
    Black Cat JoshT's Avatar
    Join Date
    Nov 2000
    Location
    WNY, USA
    Posts
    4,032
    Set the padding and margin to 0 then.
    Josh
    Get these: Mozilla Opera OpenBSD
    I have books for sale: "MCSD in a Nutshell" and "VB Distributed Exam Cram" - PM me for details. Will also trade for a decent ATX Pentium 2 MB/CPU/RAM combo.

  5. #5

    Thread Starter
    Hyperactive Member
    Join Date
    Oct 1999
    Posts
    309
    Working with spans inside the li works great. BUT.... if the LI is multiline the second line is not alligned with the first line anymore.
    This is solved by using a div tag. BUT. the div tag does not let you specify the width between the bullit and the text:

    Code:
    <UL Style="margin-left:16px; margin-top:0px; margin-bottom:0px; color:#000080">
    <LI Style="text-indent:0px; line-height: 111%;"><span Style="font-family:Verdana; color:#000080; font-size:10pt; margin-left:-3px;">blabaababa ababaalbba blababalbalablablba abalbalbalablabla albalbalbalbalbaa  </span></LI>
    <LI Style="text-indent:0px; line-height: 111%;"><span Style="font-family:Verdana; color:#000080; font-size:10pt; margin-left:-3px;">blabaababa ababaalbba blababalbalablablba abalbalbalablabla albalbalbalbalbaa  </span></LI>
    <LI Style="text-indent:0px; line-height: 111%;"><span Style="font-family:Verdana; color:#000080; font-size:10pt; margin-left:-3px;">blabaababa ababaalbba blababalbalablablba abalbalbalablabla albalbalbalbalbaa  </span></LI>
    </UL>
    Code:
    <UL Style="margin-left:16px; margin-top:0px; margin-bottom:0px; color:#000080">
    <LI Style="text-indent:0px; line-height: 111%;"><div Style="font-family:Verdana; color:#000080; font-size:10pt; margin-left:-3px;">blabaababa ababaalbba blababalbalablablba abalbalbalablabla albalbalbalbalbaa  </div></LI>
    <LI Style="text-indent:0px; line-height: 111%;"><div Style="font-family:Verdana; color:#000080; font-size:10pt; margin-left:-3px;">blabaababa ababaalbba blababalbalablablba abalbalbalablabla albalbalbalbalbaa  </div></LI>
    <LI Style="text-indent:0px; line-height: 111%;"><div Style="font-family:Verdana; color:#000080; font-size:10pt; margin-left:-3px;">blabaababa ababaalbba blababalbalablablba abalbalbalablabla albalbalbalbalbaa  </div></LI>
    </UL>

Posting Permissions

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



Click Here to Expand Forum to Full Width