Increase hight of section A?

[HeleneHH]

Hi

 

How do I increase the hight of the box with the main text? I think it is also called section A.

If not, then it is illustrated here:

 

http://wiki.surftown.dk/index.php/%C3%86nd...en_i_OsCommerce

[h2oHOH]

increase the hight of the box with the main text

The stock osC uses transparent gif spacers to add vertical white space, and change the height to increase vertical space...

<td><img src="images/pixel_trans.gif" border="0" alt="" width="100%" height="10"></td>

Stylesheet.css can also control vertical spacing...The parent .main table holds the TEXT_MAIN content. As you add more content it will increase in height. You can also add </br> tags to add white space but that is improper xhtml coding.

 

The preferred way is to add either a margin(whitespace) to the top and/or bottom, that will add space on the outside of the table in the stylesheet.css file:

.main {
margin-top: 10px;
margin-bottom: 10px;
}

 

Or padding(whitespace) to the top and/or bottom that will add space on the inside of the table

.main {
padding-top: 10px;
padding-bottom: 10px;
}

This change will, however, affect every td that uses the .main class, and there are several. So if you want to style just the parent .main TD only, you should give it a unique identifier such as TD.mainContent, then add any additional rules to the style you want... then add an additional paragraph style for TD.mainContent P with the rules you want.... I suspect that most templates adopt this but i haven't got that far yet...