3. CSS stylesheets found in the View menu
Prev |  | Next

## 3. CSS stylesheets found in the View menu

The View menu allows to choose between two CSS stylesheets:

Semantic

  This stylesheet contains styles which are intended to reflect the purpose of each XHTML element. This stylesheet makes it easy editing XHTML documents in a validating XML Editor such as XXE. This is the default CSS stylesheet.

  Note that the following elements are not styled at all, that is, they are rendered as tree views embedded in the styled view: `base`, `meta`, `link`, `style`, `script`, `iframe`, `embed`, `object`, `param`, `video`, `audio`, `source`, `track`, `canvas`, `map`, `area`, `input`, `button`, `select`, `datalist`, `optgroup`, `option`, `textarea`, `keygen`, `output`, `progress`, `meter`, `command`.

Emulate Web Browser

  This stylesheet emulates (to a certain extent) how a Web browser typically renders an HTML page. When this stylesheet has been selected, XXE will dynamically apply all the CSS styles found in `style` attributes, `style` elements and `link` elements pointing to CSS stylesheets.

  Sometimes XXE will fail to detect a change in how the XHTML document being edited should be styled. In such case, you'll have to reload the "Emulate Web Browser" stylesheet by reselecting this item in the View menu. For example, the following changes will not automatically trigger style changes:

  - Modify the textual content of a `style` element.

  - Paste a `div` element containing a `style` element having no `scoped` attribute.

  ### Note

  When XXE finds errors in the CSS styles it attempts to apply dynamically, it will not report these errors. Instead, it will log them in a special log called "User Styles". If you suspect that XXE has found errors in your CSS styles, you may want to view the content of this log by clicking the Show Message Log button in XMLmind XML Editor - Online Help which is next to the status line found at the bottom of XXE's window[1] and then select "User Styles" from the Category combobox.

  ### Tip

  If you often use `<div class="XXX">` and/or `<span class="YYY">` elements in your XHTML documents and want to see these elements properly styled using the `<link rel="stylesheet">` element found in the `head` of your XHTML documents, you may want to make the "Emulate Web Browser" stylesheet your default one. In order to do this, simply select this stylesheet from the View menu and then select Options → Customize Configuration → Save Views As Default[2].

[1] Or simply right-click on the status line.

[2] If you are a consultant customizing XXE for a group of writers, you'll have to customize the XHTML configuration by adding to it a `windowLayout` configuration element in XMLmind XML Editor - Configuration and Deployment.

Prev |  | Next
2. Opening an existing XHTML document | Home | 4. The XHTML menu