We are placing a name in a certain space in a webpage, how can we avoid the truncation of some of the name's letters in case the space given wasn't enough to display it all ?
closed as off topic by dnbrv, Charles Boyung, Ben Brocka♦ Apr 20 '12 at 23:05
Questions on User Experience Stack Exchange are expected to relate to user experience within the scope defined by the community. Consider editing the question or leaving comments for improvement if you believe the question can be reworded to fit within the scope. Read more about reopening questions here. If this question can be reworded to fit the rules in the help center, please edit the question.
Without wanting to sound glib, this is exactly the sort of constraint you should try to avoid as a web designer. Even if you're confident that you'll never be required to add more content, extra fields or iconography, requirements change all the time, and you need your designs to be flexible. Especially if your app could be translated, or your design applied to a slightly different service.
However, let's assume you can't redo your design. You've basically got two options:
Number 1 isn't something I'd recommend, because:
Number 2 isn't ideal, but can be ameliorated in certain ways:
Really, though, I'd strongly recommend returning to your original design and trying to make it more flexible. If you've set pixel restrictions on text length, you're going to encounter serious issues when a visually impaired user needs to increase text size, or a branding change suddenly breaks all the place names you'd carefully squeezed into your divs. Save yourself the headaches.