To update your style sheet

You can make your expandable sections stand out by updating your style sheet with a new class. Style sheets let you define the style attributes for the section. For example, you can make the section have a colored border, or a repeating graphic for the background. You can also add style attributes to fine-tune the spacing, margins, and overall positioning of the section.

Example

This is the style class that we have defined for the sidebars in the HTML Help documentation:


<STYLE>

DIV.sidebartext {

	position: relative;

	left: -22px;

	height: 72px;

	width: 300px;

	margin-top: .6em;

	margin-right: 3em;

	margin-left: 0;

	margin-bottom: .6em;

	padding-top: .75em;

	padding-right: 6px;

	padding-left: .75em;

	padding-bottom: .75em;

	cursor: hand;

	border-left: 4pt solid #339900;

	background-color: #F0F0F0; }

</STYLE>

Note

Because there are usually many style attributes associated with this kind of Dynamic HTML (DHTML) link, it is easiest to maintain the information as a class in a cascading style sheet, rather than as attributes in each instance of the link tag.

	Back to the beginning