www.webdeveloper.com
Page 1 of 2 12 LastLast
Results 1 to 15 of 18

Thread: Ordered List Without Indentation

Hybrid View

  1. #1
    Join Date
    Aug 2003
    Posts
    10

    Post Ordered List Without Indentation

    Hi,

    I am making an ordered list but it puts an indentation
    How would I remove the indentation?

    heres a sample with what I'm using

    <ol>
    <li>Testa
    <li>Testb
    <li>Testc
    <li>Testd
    </ol>

    I'd like it to look like this
    1.Testa
    2.Testb
    3.Testc
    4.Testd

    Thanks in advance

  2. #2
    Join Date
    Mar 2003
    Location
    Escondido, CA
    Posts
    998
    <ol style=margin-left:"0">
    <li>Testa
    <li>Testb
    <li>Testc
    <li>Testd
    </ol>

  3. #3
    Join Date
    Nov 2002
    Location
    Auburn, AL
    Posts
    9,222
    I think you made a booboo
    style="margin-left:0px;"
    to make it numbered use
    <li type="1">
    Last edited by PeOfEo; 12-15-2003 at 05:36 PM.

  4. #4
    Join Date
    Aug 2003
    Posts
    10
    Hi,

    I tried what you suggested and it works but it doesnt list the numbers.
    I also need the numbers

    Thanks

  5. #5
    Join Date
    Mar 2003
    Location
    Escondido, CA
    Posts
    998
    You might be right, but it works fine without the 'px'. At least in a quick test with IE.

  6. #6
    Join Date
    Nov 2002
    Location
    Auburn, AL
    Posts
    9,222
    I edited mine w/ the nubers, and I was not correcting the px, I was correcting the style:margin-left="", voodoo css.

  7. #7
    Join Date
    Mar 2003
    Location
    Escondido, CA
    Posts
    998
    Hah! Missed that. That's why I hang out here! Thanks.

  8. #8
    Join Date
    Nov 2002
    Location
    Auburn, AL
    Posts
    9,222
    heh I have made typos and brain farts before too, nothing beats the stlye="border:0px;'

  9. #9
    Join Date
    Dec 2002
    Location
    High on life
    Posts
    10,104
    Technically, if you are specifying 0, you should probably use 0 or none, as 0 can not be measured in units.

  10. #10
    Join Date
    Nov 2002
    Location
    Auburn, AL
    Posts
    9,222
    ahhhhhhh get all technical on me... I was only trying to point out a syntax screw up.

  11. #11
    Join Date
    Dec 2002
    Location
    High on life
    Posts
    10,104
    Sorry...

  12. #12
    Join Date
    Nov 2002
    Location
    Auburn, AL
    Posts
    9,222
    'salright Ill let that one go

  13. #13
    Join Date
    Mar 2003
    Location
    Escondido, CA
    Posts
    998
    One for me! I don't care if it was by accident...

  14. #14
    Join Date
    Jul 2003
    Location
    The City of Roses
    Posts
    2,503
    as 0 can not be measured in units
    Why not? It just happens to be the one number where the actual value is equivalent no matter the units (for all the units in the CSS spec anyway). Just because 0px == 0pt does not mean either form is wrong.
    style="margin-left: 0"
    Note also that Netscape (Mozilla) uses padding rather than margin. So to accomodate both you should have
    Code:
    margin-left: 0; padding-left: 0
    I tried what you suggested and it works but it doesnt list the numbers
    I wasn't sure if this was still a problem, but this is because the numbers that are automatically inserted are placed within that extra marginal space, which we have just eliminated. You'll have to keep some margin there to allow room for the characters. 2em seems the smallest you can go before IE starts chopping off the numbers.
    Code:
    margin-left: 2em; padding-left: 0
    for(split(//,'))*))91:+9.*4:1A1+9,1))2*:..)))2*:31.-1)4131)1))2*:3)"'))
    {for(ord){$i+=$_&7;grep(vec($s,$i++,1)=1,1..($_>>3)-4);}}print"$s\n";

  15. #15
    Join Date
    Aug 2003
    Location
    In my house
    Posts
    4,004
    Note also that Netscape (Mozilla) uses padding rather than margin.
    Along with Opera And FireBird.

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