Word wrap in error blocks

Word wrap in error blocks

BMC Quickies

Quickie: Fix over-hanging URLs in wikidot error blocks.

Recently, RSS feeds have been having some trouble loading, and they're sometimes replaced with an error block that explains this. One problem though: the URL is often too long for the containing div.

Error processing the feed "http://blog.wikidot.com/feed/pages/category/blog/t/Wikidot+Blog". The feed can not be accessed or contains errors.

How do we fix this? Word wrap!

.error-block {
    word-wrap: break-word;
}

Error processing the feed "http://blog.wikidot.com/feed/pages/category/blog/t/Wikidot+Blog". The feed can not be accessed or contains errors.

Enjoy the article? Tweet it!

Discussion - 1 comments

Anonymous avatar

AnonymousAnonymous 04 Jan 2011 00:53

Thanks for this, I will be using it!

Edit

Add a new comment

Site design © BMC WebDesign, 2011. All rights reserved. All tutorials on this site are free for commerical use, subject to conditions outlined in the disclaimer.