Home » Item #337
How can i stop the specifications field from creating a continuous line of text and causing the browser to create horizontal scroll bars? How do I make it so it wraps automatically? Also, it is in a different font to the rest of the page.
The specifications field is designed to accommodate tabular data and other similar formatted text. Consequently, text in the specifications field is displayed in a fixed-width font within <PRE> tags. This means that columns of numbers, for example, will line up.
These tags prevent the text wrapping - instead text is displayed exactly as entered. To get the text to wrap, you have two options:
1. Add line breaks to the text yourself at appropriate points before pasting to this field.
2. Remove the <PRE> and </PRE> tags by editing the product.asp script so the text behaves in the same way as normal text on the page.
3. Using CSS, modify the 'pre' tag entry to allow wrapping and to change the font, for example:
pre {
color: black;
font-family: verdana;
white-space: wrap;
}