Interesting about Joomla! CMS

Tags: joomla, css, trick

Working on a site often there is a problem to limit length of pathway or heading of article since very long text can corrupt design of page. Usually when the text turns out too long, that does not get into one line, and it is carry over to the next line. However, for some reason very few people knows, that it is possible to tune up CSS so that the long text was cut off till the certain length, and in the end was ellipsis. For this purpose it is enough to prescribe in style (an example for pathway):

.pathway { 
    width: 25em;  
 
    white-space: nowrap; 
    text-overflow: ellipsis; 
    overflow: hidden; 
}

You can change 25em to yours needs and add other attributes.

This entry was posted on Saturday, June 16th, 2007 at 12:12 pm and is filed under Joomla!, General. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.