On Monday, Jan 13, 2003, at 10:20 Europe/London, Hussein Shafie wrote: > Jeremy Quinn wrote: >> >> Part of our rationale for using a product like XMLMind, was that we >> could largely re-use the CSS Stylesheets we use for display on the >> Browser, in the editing environment, so they look as similar as >> possible to each other. > > Unfortunately, you simply cannot do this with XXE. You must develop CSS > style sheets specifically for XXE as XXE only supports a *subset* of > CSS2. > > Rationale: > > * Web browsers such as IE or Mozilla aims to be CSS-compliant. > * XXE does not care about being CSS-compliant. The problem of XXE is to > have a simple, easy to learn, efficient to implement, formalism for > styling elements. >
OK, that's fine. What you have is a fine and unique product, I just hoped that we would be able to get the layout in XXE closer to what you see in the browser, that's all. We are attempting to produce a WYSIWYG editor for our XML. > > >> Within minutes of applying CSS to my document configuration, I am >> finding (what seem to be) common CSS properties are unsupported in >> XMLMind. >> >> eg. >> >> float: left|right|none; >> border-right: N; >> border-left: N; >> margin: N N N N; >> >> And I have only just started ;) > > No XXE user ever complained about CSS support being too weak to be > usable. Well, am sorry to be the first ;) > >> What is the rationale for leaving this stuff out? >> >> Will this situation change? >> >> Is there a list of supported properties? > > Please take the time to read the "Power User's Guide", chapter "CSS2 > support". > > (0n-line > http://www.xmlmind.com/xmleditor/_distrib/docs/poweruser/index.html , > of > course, also included in the distribution) > I am reading it, and there are some very useful extensions, that I have taken good advantage of. > > >> I have also found errors in the error reports ..... it might complain >> that the property 'color' is not supported on some line of my CSS, >> when >> in fact that line contains not 'color' but 'background-color'. > > This is a minor bug. The same message "unsupported value for property > 'color'" is used for all types of properties which have a color value > (color, background-color, border-top-color, etc). However, the line > number is right and you really have a problem with the property value. OK. >> You can see the type of layout I am attempting to replicate by >> browsing >> around: >> >> <http://www.iniva.org> > > This type of layout is *very simple*. Load DocBook or XHTML samples > into > XXE to see by yourself that XXE can do much, much more. > An issue for us is the layout of 'main' and 'side' regions, side by side. The XML: <doc> <section region="header"> <!-- header content --> </section> <section region="main"> <!-- main content --> </section> <section region="side"> <!-- sidebar content --> </section> <section region="footer"> <!-- footer content --> </section> </doc> Gets transformed to <div/>s and laid out like this: +---------------+ | head | +---------------+ +--------+ +----+ | | | s | | main | | i | | | | d | | | | e | +--------+ +----+ +---------------+ | foot | +---------------+ In the browser, we use the CSS property 'float' to handle this. (We don't use any HTML Tables, we prefer not to use Absolute positioning, the CSS Table model is not reliably handled by most browsers, so float is all we can use). I am wondering how we will be able to replicate this type of layout in XXE. Float is not supported, and I cannot get CSS Table Model to work, because we do not have enough tags to apply it to and XXE does not seem to cope with 'anonymous tables'. Have you any suggestions? I have not tried absolute positioning yet ..... but without support for 'width:' and 'height:' I suspected it was not going to work. > PS: When you develop a CSS style sheet for XXE, you can use the Style > menu to reload the CSS style sheet from its source (i.e. you do not > need > to restart XXE for that). Yeah, I got that, thanks. I am having a couple of other problems, maybe you could help with: Even though this works in the xhtml demo, I cannot get "display: marker;" to work on my list elements. Is there a special trick? New <p></p> on press RETURN, is something that works in the demos, but I cannot get it to work on mine, any suggestions of what to look for? font-style: italic; does not seem to have any effect. Many thanks for your help regards Jeremy
