CSS in Java

[Johan Brink]

Hi all,

Could you maybe help me on a question here?

I'm trying to implement CSS in Java via a JEditorPane and an HTMLEditorKit. The CSS is included below. It *should* create a container with one on the left, small, and one on the right, large. It works flawlessly on JSFiddle (http://jsfiddle.net/xc295/), but on Java, it won't put the two divs next to each other. Is this a problem in Java/Netbeans or is it my problem? It creates the divs, but beneath each other. The JEditorPane is wide enough for all of them to fit.

Coding:

Java:

private void loadBulletins() {

        //<editor-fold defaultstate="collapsed" desc="HTML/CSS Script">
        String eBullStyles = "#divMsgs{ "
                + "height: 99px; "
                + "margin: auto; "
                + "background-color: #3399FF; "
                + "} "
                + "#divLeft{ "
                + "float: left; "
                + "width: 110px; "
                + "height: 85px; "
                + "border: 2px #6666ff outset; "
                + "padding: 5px; "
                + "background-color: #189cd8; "
                + "color: #ffffff; "
                + "font-size: 11px; "
                + "font-weight: normal; "
                + "font-family: Tahoma, Geneva, sans-serif; "
                + "font-style: normal; "
                + "text-decoration: inherit; "
                + "} "
                + ".test1{"
                + "float: left;"
                + "width: 150px;"
                + "background-color: #189cd8;"
                + "}"
                + "#divRight{ "
                + "float: right; "
                + "width: 50px; "
                + "height: 85px; "
                + "border: 2px #6666ff outset; "
                + "background-color: #189cd8; "
                + "padding: 5px; "
                + "color: #ffffff; "
                + "font-size: 11px; "
                + "font-weight: normal; "
                + "font-family: Tahoma, Geneva, sans-serif; "
                + "font-style: normal; "
                //+ "text-decoration: inherit; "
                + "line-height: 1.3em; "
                + "}";
//</editor-fold>

        bulletinBoard.setContentType("text/html");
        bulletinBoard.setText("");

        HTMLEditorKit kit = new HTMLEditorKit();
        bulletinBoard.setEditorKit(kit);

        // add some styles to the html
        StyleSheet styleSheet = kit.getStyleSheet();
        styleSheet.addRule(eBullStyles);

        Document setdoc = kit.createDefaultDocument();
        bulletinBoard.setDocument(setdoc);

        String initial
                //= "<div id=\"divMsgs\">"
                = "<div id=\"divLeft\">"
                + "Hello Bob"
                + "</div>"
                + "<div class=\"test1\">"
                + "How are you today?"
                + "</div>";
                //+ "</div>";

        try {
            Document doc = bulletinBoard.getDocument();
            //doc.insertString(doc.getLength(), initial, null);
            bulletinBoard.setText(initial);
        } catch (Exception ex) {
            ex.printStackTrace();
        }
    }

CSS:
#divMsgs{ height: 99px; margin: auto; background-color: #3399FF; } #divLeft{ float: left; width: 110px; height: 85px; border: 2px #6666ff outset; padding: 5px; background-color: #189cd8; color: #ffffff; font-size: 11px; font-weight: normal; font-family: Tahoma, Geneva, sans-serif; font-style: normal; text-decoration: inherit; } #divRight{ width: 400px; height: 85px; border: 2px #6666ff outset; background-color: #189cd8; padding: 5px; float: right; color: #ffffff; font-size: 11px; font-weight: normal; font-family: Tahoma, Geneva, sans-serif; font-style: normal; text-decoration: inherit; line-height: 1.3em; }

[Ulf Dittmer]

javax.swing.text.html.HTMLEditorKit supports HTML 3.2 and no CSS, if memory serves. Try the javafx.scene.web.WebView that's built into JavaFX if you need to support recent web standards.