HTML and CSS Reference
In-Depth Information
Figure 4.7: The TinyMCE editor in HTML editing mode
If you can edit the CSS style sheet for the blog, the division's style attribute
with its CSS rules can be replaced with an id and/or class attribute:
<div class="red-box" id="no-internet-error">
Error!
No Internet Connection!
</div>
It helps to be speciic in creating names for classes and IDs. In the style sheet
for the site, the following CSS statements would reproduce the formatting:
div.red-box { padding: 0.5em; border: solid red; }
#no-internet-error {
font: large sans-serif; text-align: center;
float: left; width: 25%; margin-right: 1em;
}
When the HTML is in place, you can switch the editor back to visual mode
to continue editing the post, including the text inside the red box. If more
extensive editing in HTML is needed, there is an option in each WordPress
user's proile settings to turn of visual editor mode and only accept input into
the post editor as is, complete with any HTML markup. I highly recommend
doing this when pasting code snippets or widget code that was copied from
other web services.
Although the TinyMCE editor has no provisions for entering table elements,
it does in fact recognize HTML tables, and outlines the table cells and lets
you edit the cells' contents. If you are running your own blog, you can extend
TinyMCE's functionality with plug-ins that add tools for creating tables, hori-
zontal rules, and so on.
