While re-skinning my site using Lee's Issue 25 SEO friendly skinning techniques and the H1-H3 containers, I had an idea.
Using a lot of h2 - h4 tags on a page takes up lots of vertical space that is at a premium on today’s short wide monitors. I thought that if I could create “inline” styles of h2 – h4 that merely bolded the text I could use them to emphasize important text and at the same time flag it to Google. Soon I had:
/* Inline h1-h4 that is really just bold or italic
* used to emphisise text in paragraphs while showing the
* importance of the text to Google as H1 - H4
*/
h1.inline, h2.inline, h3.inline, h4.inline
{ display: inline;
font-size: 100%;
font-weight: bold;
color:Navy; /* temp just to show that the rule is triggering */
}
This CSS works but the FCKeditor insists on stuffing [p] and [/p] around the text preceding the [h1 class="”inline”]. Anyone got an easy way to keep the FCKeditor out of your way?
/DaveS