Home › Forums › Xi Theme Discussion & Support › Another Minor IE/Chrome Anomaly
This topic contains 9 replies, has 2 voices, and was last updated by Richard 9 years, 7 months ago.
-
AuthorPosts
-
July 20, 2011 at 11:19 pm #1109
The bullets are not centring in Chrome or IE, though they do in FF. Thoughts?
July 21, 2011 at 7:43 am #1111That’s because the text-align:center is applied to the individual li element.
You should apply it to the ul tag (the whole list).
July 22, 2011 at 5:53 am #1122I 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?
July 22, 2011 at 9:35 am #1126delete style=”text-align: center;” from the li tags and add it instead to the ul tag.
July 22, 2011 at 9:35 am #1127Also get rid of style=”text-align: justify;” from the p tag
July 22, 2011 at 7:19 pm #1130This 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]July 22, 2011 at 8:34 pm #1134No ok, you need to wrap the list inside a p or div tag and center that.
You don’t normally center a list,
July 22, 2011 at 8:35 pm #1136So also add the centre tag to the list itself? Funny that this seems so cumbersome for IE/Chrome.
July 23, 2011 at 8:58 am #1139As 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
July 23, 2011 at 6:43 pm #1143Ah – went to 3 columns instead – easier that way! Thanks again!!
-
AuthorPosts
You must be logged in to reply to this topic.