1
Nemo1
Most Xoops sites. Blocks(bullets) alignment wrong.
  • 2003/11/2 23:27

  • Nemo1

  • Just popping in

  • Posts: 4

  • Since: 2003/7/11


If you look at the main page on this site. On the right you will see the recent d/l's block. As you can see if the text is more than 1 line it doesnt line up with the indent a bullet shouldl look like. Instead it lines up with the bullet itself.

The reason is simple. Because pretty much all themes I've seen use a graphic for the bullet and just continue on for each new line to be put.

Is there anyone to keep the same great look but have it align properly??

2
hsalazar
Re: Most Xoops sites. Blocks(bullets) alignment wrong.
  • 2003/11/3 4:56

  • hsalazar

  • Just popping in

  • Posts: 78

  • Since: 2003/2/6 1


Nemo1:

The reason you see this alignment appears to be that when there's no specification, an unordered list adopts a style position "inside". It's not an error; it's just the way it is designed to appear. If you want to "correct" this and to align the texts flush left, you need to set a style using the selector list-style-position: outside.

Of course, you also need to play a bit with margins and paddings, but that's another story.

To see a "correct" representation of these kind of things, take a look at the "Titulares" here (right column).

So what you see as an error is just economy of styling in the default theme. Another them, in this case x2t, uses this declaration:

ul 
{
margin2px
padding2px
list-
styledecimal inside
text-alignleft;
}


This would appear also with the "wrong" alignment. The selector list-style just needs to be declared as "decimal outside".ยจ

For more info, please take a look here.

Cheers.

Login

Who's Online

117 user(s) are online (68 user(s) are browsing Support Forums)


Members: 0


Guests: 117


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