pageoneresults - 6:09 pm on Jan 14, 2006 (gmt 0)

Inline Elements - Adding Style using the <span></span> Element

Want to be able to add <span class=""></span> elements without hand coding? Do this...

When working with FrontPage and CSS, you have to be very specific with your stylesheets. If you want inline elements to appear in your formatting menu (as inline elements), you need to precede your classes with [b]span[/b]. For example, let's say you want to make a word blue. You would need something like this in your stylesheet...

span.blue{color:#369;background:#fff;}

Once you append the [b]span[/b] to the class, that will now appear in FP's styling menu with an a (with underscore) symbol to the left of it. This means that it is an inline element. Block level elements have a ¶ to the left of them which means they are block level.

If your style sheets have generic classes that start with a dot (.), they will appear in the menu without the a or ¶ symbols and will be treated as if they were block level elements.

FP's styling menu is sorted in a specific way. All of your predefined block level elements will appear at the top of the list. Then your generic classes will appear (in alphabetical order). And then your specific block and inline classes will appear at the bottom, in alphabetical order.