11

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

Improve this question
6
  • 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, 2010 at 19:25
  • possible duplicate of Home Improvement link getting 'wrapped' on StackExchange footers
    – Brandon
    Aug 20, 2010 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, 2010 at 20:44
  • @Pop - I'll just log on using my sock puppet account and upvote from there.
    – user27414
    Aug 20, 2010 at 20:49
  • @Jon, wouldn't that be breaking character, all things considered?
    – Pops
    Aug 20, 2010 at 21:03
  • 3
    Or you could use CSS property white-space: nowrap
    – Yi Jiang
    Aug 21, 2010 at 2:52

3 Answers 3

Reset to default
3

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

Improve this answer
1

Seems like this has regressed in the web apps footer.

alt text

Improve this answer
1

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 .