Possible to remove idents from lists?

  • dubyadubya

    (@dubyadubya)


    19 years, 11 months ago

    I had a little help removing the bullet points from my menu lists, however have another question. I am wondering if it is possible to get rid of the indents. I do not have a whole lot of room to play with the put my menu text in and thought (maybe foolishly) that the indent in the lists was something that could be removed.
    Without wishing to fix this at a PHP level is there anyway I can remove the indents in the CSS? I could use a graphic instead of a generic bullet to use the room but if you check out dubyadubyadubyadotcom.com you will see that I dont have much room in the design to play with. If you do happen to check out the CSS there are only LI and UL elements defined, I’ll be sorting out the fonts later on – that I can do …
    Thanks for the help, I really do appreciate it.

Viewing 5 replies - 1 through 5 (of 5 total)
  • Root

    (@root)

    19 years, 11 months ago

    Yes.

    list-style-type: none;

    should remove all li formatting including the indents.

    Anonymous

    19 years, 11 months ago

    To remove the indents set the left padding and margin for the li to 0

    Anonymous

    19 years, 11 months ago

    Aye, just figured that out. I must say that the use of lists has been a really tough thing for me to deal with. All the other elements have been really quite easy to use. I know PHP and HTML quite well and am familier with CSS basics but the lists have been a real pain.
    Thanks for your help all, I appreciate it. Fantastic community WP has here.

    justinbaeder

    (@justinbaeder)

    19 years, 9 months ago

    There’s actually more to it if you want it to work cross-browser:
    If the name of your links bar is “right” like it is on one of my sites:
    #right ul {
    list-style: none;
    margin-left: 0;
    padding-left: 1em;
    text-indent: -1em;
    }#right ul ul {
    margin-left:0;
    list-style: none;
    padding-left: 1em;
    text-indent: -2em;
    }
    IE and Mozilla interpret padding and indents differently; this way accomodates for both.

    justinbaeder

    (@justinbaeder)

    19 years, 8 months ago

    You can also try
    ‘margin:0;
    padding:0;
    list-style:none;
    text-indent:0;’
    Or manually remove all the list stuff.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Possible to remove idents from lists?’ is closed to new replies.