Another Minor IE/Chrome Anomaly

[RichardParticipant Post count: 182]

http://ucim.org/?page_id=7

The bullets are not centring in Chrome or IE, though they do in FF. Thoughts?

[themeweaverKeymaster Post count: 730]

That’s because the text-align:center is applied to the individual li element.

You should apply it to the ul tag (the whole list).

[RichardParticipant Post count: 182]

I am not sure how to do that? This is my code:

[p style=”text-align: justify;”]One of the ways that UCiM understands its role in the community within South St. Vital is to share our space with groups & people who are also contributing to the sense of neighbourhood within our part of Winnipeg. Some of those with whom we are most grateful to share space are:[/p]

[ul]
[li style=”text-align: center;”][a title=”Friend: St. Vital Art Group” href=”http://ucim.org/?page_id=89″ target=”_blank”]St. Vital Art Group[/a];[/li]
[li style=”text-align: center;”][a title=”Friend: 20th Winnipeg Scouts” href=”http://ucim.org/?page_id=122″]20th Winnipeg Scouts[/a];[/li]
[li style=”text-align: center;”][a title=”Friend: Girl Guides” href=”http://ucim.org/?page_id=101″]Girl Guides[/a];[/li]
[li style=”text-align: center;”][a title=”Friend: MGDPOA” href=”http://ucim.org/?page_id=115″]Maple Grove Dog Park Owners Association[/a]; &,[/li]
[li style=”text-align: center;”][a title=”Friend: Baby & Me” href=”http://ucim.org/?page_id=78″]Baby & Me[/a].[/li]
[/ul]

PS This is marked as Spam?

[themeweaverKeymaster Post count: 730]

delete style=”text-align: center;” from the li tags and add it instead to the ul tag.

[themeweaverKeymaster Post count: 730]

Also get rid of style=”text-align: justify;” from the p tag

[RichardParticipant Post count: 182]

This is what I have now and it still is not centred in IE/Chrome:

[ul style=”text-align: center;”]
[li][a title=”Friend: St. Vital Art Group” href=”http://ucim.org/?page_id=89″ target=”_blank”]St. Vital Art Group[/a];[/li]
[li][a title=”Friend: 20th Winnipeg Scouts” href=”http://ucim.org/?page_id=122″]20th Winnipeg Scouts[/a];[/li]
[li][a title=”Friend: Girl Guides” href=”http://ucim.org/?page_id=101″]Girl Guides[/a];[/li]
[li][a title=”Friend: MGDPOA” href=”http://ucim.org/?page_id=115″]Maple Grove Dog Park Owners Association[/a]; &,[/li]
[li][a title=”Friend: Baby & Me” href=”http://ucim.org/?page_id=78″]Baby & Me[/a].[/li]
[/ul]

[themeweaverKeymaster Post count: 730]

No ok, you need to wrap the list inside a p or div tag and center that.

You don’t normally center a list,

[RichardParticipant Post count: 182]

So also add the centre tag to the list itself? Funny that this seems so cumbersome for IE/Chrome.

[themeweaverKeymaster Post count: 730]

As I said you would not normally be centring a list, by design lists in this theme are left justified.

Actually on reflection to do this is actually not so straight forward. Google it and you’ll see why!

ul{text-align:center;}
li{display:inline}

kind of does it but you’ll loose your bullets, at least in Chrome

[RichardParticipant Post count: 182]

Ah – went to 3 columns instead – easier that way! Thanks again!!

[Author]

Posts