list flush left

Collapse
This topic is closed.
X
X
 
  • Time
  • Show
Clear All
new posts
  • Ed Dickerson

    #1

    list flush left

    How do I get my list items to be flush left?

    I've got

    list-style-type: none;

    to get rid of the bullets, but I can't pull the list over to the left.
    There's still a gap for the invisible bullets.

    EDD

    --
    --Arrogance is the ultimate learning disability.


  • Disco Octopus

    #2
    Re: list flush left

    Ed Dickerson wrote:
    [color=blue]
    > How do I get my list items to be flush left?
    >
    > I've got
    >
    > list-style-type: none;
    >
    > to get rid of the bullets, but I can't pull the list over to the left.
    > There's still a gap for the invisible bullets.
    >
    > EDD[/color]

    you tried puting this on the LI and/or OL...
    padding-left:0px;
    margin-left:0px;
    maybe?


    --
    a beef jerky site http://www.choicebeefjerky.com.au
    not a beef jerky site http://mycoolwheels.com/vote.cmks
    nobody ever dreams of working for the man

    Comment

    • Ed Dickerson

      #3
      Re: list flush left


      "Disco Octopus" <discooctopus@y ahoo.com> wrote in message
      news:aeohjcfpdo l3.32g06hpvkaeq $.dlg@40tude.ne t...[color=blue]
      > Ed Dickerson wrote:
      >[color=green]
      >> How do I get my list items to be flush left?
      >>
      >> I've got
      >>
      >> list-style-type: none;
      >>
      >> to get rid of the bullets, but I can't pull the list over to the left.
      >> There's still a gap for the invisible bullets.
      >>
      >> EDD[/color]
      >
      > you tried puting this on the LI and/or OL...
      > padding-left:0px;
      > margin-left:0px;
      > maybe?
      >[/color]

      here's the pertinent part:


      ul li {list-style-type: none; padding-left: 0px;
      margin-left: 0px;
      }

      has no effect.
      [color=blue]
      >
      > --
      > a beef jerky site http://www.choicebeefjerky.com.au
      > not a beef jerky site http://mycoolwheels.com/vote.cmks
      > nobody ever dreams of working for the man[/color]


      Comment

      • Viken Karaguesian

        #4
        Re: list flush left

        > ul li {list-style-type: none; padding-left: 0px;[color=blue]
        > margin-left: 0px;
        > }
        >
        > has no effect.[/color]

        Try removing "px" from your value. I believe that when specifying a zero
        value, the unit of measure is not required.

        ul li {
        list-style-type: none;
        padding-left: 0;
        margin-left: 0;
        }

        That's how I do it to make it flush to the left.

        --
        Viken K.



        Comment

        • Ed Dickerson

          #5
          Re: list flush left

          Still no effect.


          "Viken Karaguesian" <vikenkNO_SPAM@ NO_SPAMcomcast. net> wrote in message
          news:FsednUtlKt 7fzEXeRVn-gQ@comcast.com. ..[color=blue][color=green]
          >> ul li {list-style-type: none; padding-left: 0px;
          >> margin-left: 0px;
          >> }
          >>
          >> has no effect.[/color]
          >
          > Try removing "px" from your value. I believe that when specifying a zero
          > value, the unit of measure is not required.
          >
          > ul li {
          > list-style-type: none;
          > padding-left: 0;
          > margin-left: 0;
          > }
          >
          > That's how I do it to make it flush to the left.
          >
          > --
          > Viken K.
          > http://home.comcast.net/~vikenk
          >[/color]


          Comment

          • Jukka K. Korpela

            #6
            Re: list flush left

            Ed Dickerson wrote:
            [color=blue]
            > Still no effect.[/color]

            Why don't you try posting the URL so that we could see both the markup
            and the style sheet as a whole? And why wouldn't you post in the Usenet
            style, for constructive discussion? (See
            http://www.xs4all.nl/%7ewijnands/nnq/nquote.html )

            Based on the mixed pieces of information given, it seems probable that
            you have not taken into account the fact that a list (ul or ol element)
            may have a margin or a padding. You have just tried to set the left
            margin and left padding of each list item to zero. (By the way, 0px or
            0pt or 0mm or 0em is equivalent to 0. There's no reason to use a unit
            for zero, but neither is there a reason to attack potential problems my
            making irrelevant changes.)

            So you might just lack
            ul { margin-left: 0; padding-left: 0; }

            Comment

            • Ed Dickerson

              #7
              Re: list flush left

              Thanks, everyone.

              In my previous post I listed this code:

              ul li {list-style-type: none; padding-left: 0;
              margin-left: 0;
              }

              That moved each LI but not the whol UL

              So I changed it to

              ul {list-style-type: none; padding-left: 0;
              margin-left: 0;
              }

              And that did it.

              "Jukka K. Korpela" <jkorpela@cs.tu t.fi> wrote in message
              news:dr9v93$4a2 $1@phys-news4.kolumbus. fi...[color=blue]
              > Ed Dickerson wrote:
              >[color=green]
              >> Still no effect.[/color]
              >
              > Why don't you try posting the URL so that we could see both the markup and
              > the style sheet as a whole? And why wouldn't you post in the Usenet style,
              > for constructive discussion? (See
              > http://www.xs4all.nl/%7ewijnands/nnq/nquote.html )
              >
              > Based on the mixed pieces of information given, it seems probable that you
              > have not taken into account the fact that a list (ul or ol element) may
              > have a margin or a padding. You have just tried to set the left margin and
              > left padding of each list item to zero. (By the way, 0px or 0pt or 0mm or
              > 0em is equivalent to 0. There's no reason to use a unit for zero, but
              > neither is there a reason to attack potential problems my making
              > irrelevant changes.)
              >
              > So you might just lack
              > ul { margin-left: 0; padding-left: 0; }[/color]


              Comment

              Working...