Bug 260196: http://bugzilla.mozilla.org/show_bug.cgi?id=260196#c18
Assuming this is in your <head>:
<style type="text/css">
<!--
p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
line-height: 16px;
}
.customer {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
font-style: italic;
line-height: normal;
color: #000000;
}
.quote {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: normal;
color: #000000;
}
li {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
}
-->
</style>
(...)
<body marginwidth="66">Then you can style paragraphs (1 at a time) in Composer:
1- select a paragraph you want to style: eg in HTML Tags editing mode, click on the yellow P icon
2a) Format/Advanced Properties... from menu
or
2b) Right-click on the highlighted <p> in the statusbar and choose Advanced Properties
3- You get the Advanced Property Editor and it should be for <p> only. In the HTML attributes tab, select class in the "attribute:" drop-down list.
4- In the right "Value:" text input, you have to manually edit quote or customer to style that paragraph accordingly.
You can combine step 1 and 2 by right-clicking on the yellow P icon. All steps have been tested in Mozilla 1.7.2.
Composer can not at the moment list defined css rules or class names for a selected element.
Note that the above style rules are not condensed and not optimal. By using the natural inheritance effects, we can combine this into:
<style type="text/css">
body
{
margin: 66px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: black;
background-color: white;
}.customer
{
font-size: 9px;
font-style: italic;
}.quote
{
font-size: 10px;
}
</style>Personally, I would not choose absolute lenght units (like 12px) for font size:
W3C Quality Assurance tip for webmasters: Care with font-size
Recommended Practices: Forget <font>, use CSS
"Do not specify the font-size in pt, or other absolute length units. They render inconsistently across platforms and can't be resized by the User Agent (e.g browser). Use relative length units such as percent or (better) em, (...)"
http://www.w3.org/QA/Tips/font-size
and styling line-height is rarely justified: you need to know very well what you are doing when styling line-height.
DU _______________________________________________ mozilla-editor mailing list [EMAIL PROTECTED] http://mail.mozilla.org/listinfo/mozilla-editor
