I recommend some non-breaking spaces in the footer list of network sites. In the screenshot below, "home improvement" and "area 51" are awkwardly broken up over two lines. Replacing spaces with   inside site names would prevent this.

alt text

  • 2
    +1, but for future reference, freehand circles are typically required to demonstrate this kind of thing. We'll let this one slide :) – user27414 Aug 20 '10 at 19:25
  • possible duplicate of Home Improvement link getting 'wrapped' on StackExchange footers – Brandon Aug 20 '10 at 19:56
  • 2
    @Jon, freehand-circled</strong-bad>! Now you need to find a way to give another upvote. @Adam, oddly, nbsps were suggested on the dupe by someone else named Adam.... – Pops Aug 20 '10 at 20:44
  • @Pop - I'll just log on using my sock puppet account and upvote from there. – user27414 Aug 20 '10 at 20:49
  • @Jon, wouldn't that be breaking character, all things considered? – Pops Aug 20 '10 at 21:03
  • 3
    Or you could use CSS property white-space: nowrap – Yi Jiang Aug 21 '10 at 2:52

The next build will   all the spaces for launched sites. Thanks for the tip!

| improve this answer | |

Seems like this has regressed in the web apps footer.

alt text

| improve this answer | |

It looks like this has been addressed for the Beta sites, but not for all footer links in the graduated sites.

i.e. a sample of the HTML from the beta site template:

 <span style="color:#326AB3;font-size:140%">&#9632;</span>&nbsp;<a href="http://fitness.stackexchange.com">physical&nbsp;fitness</a>&nbsp;&nbsp;

 <span style="color:#326AB3;font-size:140%">&#9632;</span>&nbsp;<a href="http://mechanics.stackexchange.com">motor&nbsp;vehicle&nbsp;maintenance&nbsp;and&nbsp;repair</a>&nbsp;&nbsp;

However the graduated sites (for example looking at the HTML on https://stats.stackexchange.com/) shows that most of the sites with spaces don't have non-breaking spaces in the text (with the exception of the Home Improvement link, which does).

                    <span style="color:#73abb3;font-size:140%">&#9632;</span>&nbsp;<a href="http://scifi.stackexchange.com">scifi &amp; fantasy</a>&nbsp;
                    <span style="color:#23629F;font-size:140%">&#9632;</span>&nbsp;<a href="http://ux.stackexchange.com">user experience</a>&nbsp;
                    <span style="color:#faff72;font-size:140%">&#9632;</span>&nbsp;<a href="http://skeptics.stackexchange.com">skeptics</a>&nbsp;.

Being the sad man I am, I trawled all the graduated sites to see if it's an issue elsewhere, and found the following:

For instance the link for 'SciFi & Fantasy' is wrapping in the footer of:

Also on https://android.stackexchange.com/ the 'user experience' link wraps too.

| improve this answer | |

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .