Space around <li> tags...

**FlexxAeon** · 09-09-2009, 08:07 PM

Code:

ul li { margin: 0; }

or it might be padding i can't remember. try both

**Voodoo** · 09-09-2009, 08:09 PM

Originally posted by FlexxAeon

Code:

ul li { margin: 0; }

or it might be padding i can't remember. try both

Yeah, I use:

Code:

*{margin:0px;padding:0px;}

At the top, but have also tried it on the actual element. The padding is still there. ;-/

**Darkland** · 09-09-2009, 08:22 PM

Code:

<ul style="margin: 0;">
  <li>knklnlkn</li>
  <li>lknlonln</li>
</ul>

That what you are looking for?

**FlexxAeon** · 09-09-2009, 08:26 PM

Originally posted by Darkland

Code:

<ul style="margin: 0;">
  <li>knklnlkn</li>
  <li>lknlonln</li>
</ul>

That what you are looking for?

wait do you put it on the ul? i'm blanking. dont make me open dreamweaver

**ProG** · 09-09-2009, 08:29 PM

What is inside the li?

If there is an image inside, try using li img { display: block; }

If there is only text and the padding is top & bottom adjust li { line-height: 1em; }

Or are you referring to bullet spacing?

**ungratefulninja** · 09-09-2009, 08:30 PM

Margin and padding do control the space inside and outside of the LI "box."

If you're wanting to control the space between the bullet point and the text then { text-indent: 0pt;} or something along those lines will do it.

**Darkland** · 09-09-2009, 08:31 PM

Originally posted by FlexxAeon

wait do you put it on the ul? i'm blanking. dont make me open dreamweaver

Worked for me...

**TheSenator** · 09-09-2009, 08:35 PM

Your gonna have to ask a CSS expert.

There is a short hand way of doing this that will work for IE and FIreFox.

Im looking for a mod done to my WordPress theme that a CSS expert did for me. It was kinda of the same thing.

**Basic_man** · 09-09-2009, 08:39 PM

Originally posted by TheSenator

Your gonna have to ask a CSS expert.

There is a short hand way of doing this that will work for IE and FIreFox.

Im looking for a mod done to my WordPress theme that a CSS expert did for me. It was kinda of the same thing.

Hit me up on ICQ (349-164-75) if you need a CSS mod done

**FlexxAeon** · 09-09-2009, 08:43 PM

Originally posted by Darkland

Worked for me...

sigh.. had to open the dreamweaver

you're right but padding gets rid of the "indentation" while margin gets rid of the space between the ul and the li

so to get rid of all space it would be

Code:

<ul style="margin: 0; padding: 0;">
  <li>knklnlkn</li>
  <li>lknlonln</li>
</ul>

no css expert necessary

**Lycanthrope** · 09-09-2009, 09:06 PM

You will alleviate a lot of aggravation by one simple change when you are first zeroing things out:

change

Code:

* {margin:0px; padding:0px;}

to

Code:

* {margin:0; padding:0;}

**ProG** · 09-09-2009, 09:19 PM

0 and 0px are the same thing - that is strictly a preference and makes no difference.

http://www.w3.org/TR/CSS2/syndata.html#length-units

The format of a length value (denoted by <length> in this specification) is a <number> (with or without a decimal point) immediately followed by a unit identifier (e.g., px, em, etc.). After a zero length, the unit identifier is optional.

**Miguel T** · 09-09-2009, 09:54 PM

ul { margin: 0; padding: 0}
ul li { display: block; width: 100%; }

Test that out.

Space around <li> tags...

Space around <li> tags...

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment