American Audio DCD-PRO240 Manuel d'utilisateur télécharger pdf (Page 158)

Freeway Reference: Styling Text

158

HTML boxes

Styles can be applied to an HTML box.

<div id="item1" class="BodyText" style="position:absolute; left:9px;

top:9px; width:266px; height:55px; z-index:1">

<p>Gustav's hat was blown away by the wind and landed in a puddle.</p>

<p class="_lp">"Oh, bother," said Gustav.</p>

</div>

The above code shows the HTML created when applying a style named BodyText to a CSS positioned HTML box. The style is named as a

class in the DIV tag, with the <p> tags having only Freeway’s default styles (where needed).

Tables

A style can also be applied to whole tables. Select the table as normal, and click on the style’s name in the Styles & Colors palette. In

HTML <tr> means a table row, and <td> means a cell within that row.

<tr>

<td width=282 height=50 valign=top><p class="_lp">Gustav's hat was

blown away by the wind and landed in a puddle.</p>

</td>

</tr>

<tr>

<td width=282 height=50 valign=top><p class="_lp">"Oh,

bother," said Gustav.</p>

</td>

</tr>

</table>

In the above code, the table gets a class “BodyText”. All default text within the table will have this style as its default.

Table cells

You can apply a default style to a table cell or group of table cells. Simply select the cells as normal, and click on the style’s name in the

Styles & Colors palette.

<tr>

td class="BodyText" width=282 height=50 valign=top><p class="_

lp">Gustav's hat was blown away by the wind and landed in a puddle.</p>

</td>

</tr>

<tr>

<td width=282 height=50 valign=top><p class=_lp">"Oh,

bother," said Gustav.</p>

</td>

</tr>

</table>

In this case, the style “BodyText” has been applied to one of the table cells.

Table rows or columns

Styles can be applied to a row or column. Simply select the row or column as normal, and click on the style name in the Styles &

Colors palette. The style will be applied to all the table cells in that row or column in a similar fashion to the example given above.

Advantages

Applying styles to items like the previous examples means less bulky code; no extra style definitions need to be defined in the <p> tag.

Mix and match

It is possible to apply more than one style to more than one table cell, with an overall style for the main table. For example, take the

following table:

1 2 ... 153 154 155 156 157 158 159 160 161 162 163 ... 249 250

Commentaires sur ces manuels

Pas de commentaire

American Audio DCD-PRO240 Manuel d'utilisateur Page 158

Commentaires sur ces manuels

Produits connexes et manuels pour Lecteurs de CD American Audio DCD-PRO240