XOOPS 
Forum
Forum Index General Forums Community Support Modules Support Themes Support Development International Support Module Hack Reviews Theme Designer Talk
  1. Board index / 
  2. XOOPS Community Support forums / 
  3. Q and A 
  4.  / Bulleted Lists
Register
1
Ace_Armstrong
Bulleted Lists

Okay, this has been driving me nuts for the year+ that I have been using Xoops, and I'm finally annoyed enough to ask it: what's with the bulleted lists?

Every single theme I've seen has the bulleted lists screwed up. Either the bullets appear way to the left of all of the other text (i.e., beyond the left margin) or the text doesn't wrap to match post-bullet indent like it should.

Obviously, this has something to do with the CSS settings, but nothing seems to make sense. Has anyone got a solution on this? (Or at least an explanation?)
2
sunsnapper
Re: Bulleted Lists

In my theme, I added this to the three .css files:
li.black { margin-left: 2px; margin-bottom: .8em; list-style: square; list-position: outside; color: #000000;}


then my tags look like this:
<ul class="black">
<li class="black"> text here </li>
</ul>

And that seems to work. I hope that helps.
3
Ace_Armstrong
Re: Bulleted Lists

It came close to working. That was similar to what I had. I discovered, though, that I had to put a 24px left padding on the list to make it work. No idea why, but that seemed to do it.

Thanks!
4
hsalazar
Re: Bulleted Lists

  • 2004/2/16 15:35

  • hsalazar

  • Just popping in

  • Posts: 78

  • Since: 2003/2/6 1


Ace:

The different renditions of a bulleted list are not really caused by the CSS but rather by the inconsistent browser support to specifications. Says Mark Newhouse:
Quote:

But simply changing the margin or the padding of the UL doesn’t work for all browsers. To make the list flush left, e.g., you need to change both the margin and the padding. This is because Internet Explorer and Opera opted to create the indent with the left margin, while Mozilla/Netscape use padding.

These sentences are taken from this article destined to become a classic:

CSS Design: Taming Lists

The other good reference about this problem (quoted in the article above) is another article by no less than Eric A. Meyer:

Consistent List Indentation

I hope these references clear the problem from your head.

Cheers.
5
Ace_Armstrong
Re: Bulleted Lists

Excellent! Very helpful. Thanks!

Login

Register now!  |  Lost Password?

Search

Advanced Search

Recent Posts

Who's Online

126 user(s) are online (72 user(s) are browsing Support Forums)

Members: 0

Guests: 126

more...

Donat-O-Meter

Stats
Goal: $100.00
Due Date: May 31
Gross Amount: $0.00
Net Balance: $0.00
Left to go: $100.00
Make donations with PayPal!

Latest GitHub Commits