Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 5 of 5
  1. #1
    New Coder
    Join Date
    Jun 2002
    Location
    Virginia
    Posts
    44
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Question CSS - NOT indenting list styles ... HELP

    Is there any way that when doing a bulleted list, that the indent can be "removed" so the list stays evenly distributed beneath a parent paragraph?

    * note, that I still want to maintain the bulleted look without having a line run back into the bullet like below:

    (don't want
    Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.

    1. this is a test, this is only a test, this is
    a test of the ...

    - versus -

    (DO want
    Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.

    1. this is a test, this is only a test, this is
    >>a test of the ...

    Thanks in advance, Des

  • #2
    Senior Coder
    Join Date
    Aug 2002
    Posts
    3,467
    Thanks
    0
    Thanked 0 Times in 0 Posts
    li {
    margin-left: 0px;
    }

  • #3
    New Coder
    Join Date
    Jun 2002
    Location
    Virginia
    Posts
    44
    Thanks
    0
    Thanked 0 Times in 0 Posts

    CSS - list ...

    I tried this, but I still need the text to behave so that it doesn't return carriage underneath the bullet. Need to have it "tabbed" over even below the first line of the bullet ...

    Understand?

    Reference the second example in the original message ">>" represent spacing ...

  • #4
    New to the CF scene
    Join Date
    Sep 2002
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Try playing around with this...

    li
    { margin-left: -22px;
    }

  • #5
    umm
    umm is offline
    Regular Coder
    Join Date
    Sep 2002
    Location
    Antipodes
    Posts
    106
    Thanks
    0
    Thanked 0 Times in 0 Posts
    I think this is it:

    <ul style="list-style-position: outside">

    you can have 'outside' or 'inside' values.


  •  

    Posting Permissions

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