CSS

Most of the cases, you need a CSS file for proper output...

If you only have elements in the XHTML namespace, it should render the elements correctly.

But if you want to edit elements without XHTML namespace you have to provide a css-definition for them

for example, if you want to have define how a <title> element should look like, do this:

.title {
{panel}
  font-weight: bold;
  display: block;
{panel}
}

this will render your title elements "bold" and as a block element

(the <title> elements gets translated to <span class="title"> in the output, therefore you need a .title definition in the css file)

Mozilla does a very good job in supporting the W3C CSS Standard:

CSS Standard: http://www.w3.org/TR/CSS21/
CSS Selectors: http://www.w3.org/TR/CSS21/selector.html
CSS definitions for HTML elements: http://www.w3.org/TR/CSS21/sample.html

The Location of the needed CSS file can be written into the config-file Config.xml

Namespaces

BXE takes the localname of your elements for css-classes. Therefore if you have for example <thisns:title> and <thatns:title> it would render them the same. If you want to render them differently, you have to make a special css rule:

.title[__bxe_ns="http://example.com/thisns"] {
{panel}
   font-weight: bold;
{panel}
}

.title[__bxe_ns="http://example.com/thatns"] {
{panel}
   text-decoration: underline;
{panel}
}

CSS

Namespaces

Labels: