Topic: formatting of lists (Page 1 of 1) Pages that link to <a href="https://ozoneasylum.com/backlink?for=10678" title="Pages that link to Topic: formatting of lists (Page 1 of 1)" rel="nofollow" >Topic: formatting of lists <span class="small">(Page 1 of 1)</span>\

 
Pugzly
Paranoid (IV) Inmate

From: 127.0.0.1
Insane since: Apr 2000

posted posted 02-19-2002 16:59

I've been looking through Google results for a while and don't see an answer...

I have an unordered list, like such:

<ul>
<li>blah</li>
<li>blah</li>
<li>blah</li>
</ul>

I want to decrease the space between the line item marker (the little circle), and the line item text ("blah"). I've tried setting padding and margin to 0px, but that doesn't do it. Anyone got an idea?

Emperor
Maniac (V) Mad Scientist with Finglongers

From: Cell 53, East Wing
Insane since: Jul 2001

posted posted 02-19-2002 17:24

Pugzly: I did do quite a bit of messing around wih CSS and lists but I'd have to dig out what I did to check what works. I would have thought that setting padding on the LI would work. You could put the text inside the LI inside a SPAN and then increase the margin if that really doesn't work.

Emps

Slime
Lunatic (VI) Mad Scientist

From: Massachusetts, USA
Insane since: Mar 2000

posted posted 02-19-2002 17:46

Theoretically, you should be able to do it like:

marker-offset:5px;

I think. I got that from this page: http://www.w3.org/TR/REC-CSS2/generate.html

I wouldn't be surprised if these things weren't very well supported.

DL-44
Maniac (V) Inmate

From: under the bed
Insane since: Feb 2000

posted posted 02-19-2002 18:07

Never tried Slime's suggestions - be interesting to see how well supported it is.

The padding and margins for the <li> apply in various ways depending on the browser. Generally it applies to the whole unit though - marker and text.



Pugzly
Paranoid (IV) Inmate

From: 127.0.0.1
Insane since: Apr 2000

posted posted 02-19-2002 18:40

Slime - thanks for the link. It was quite informative (I didn't know you could use "media=handheld" in your CSS link). Unfortunately, that marker-offset:5px; suggestion didn't work.

It's no biggie. I was going to replace a small table with a <UL>, but I don't really have to. I was trying to remove most of the tables from a page that contained about 15. I'm down to 4....



Post Reply
 
Your User Name:
Your Password:
Login Options:
 
Your Text:
Loading...
Options:


« BackwardsOnwards »

Show Forum Drop Down Menu