JEditorPane, CSS, HTML problem

Question

Hi,
I am using setEditorKit(new HTMLEditorKit()) with a JEditorPane to render / display a HTML file. The HTML has a stylesheet with it.
The HTML file has a table in it. When I try to use the CSS values of
TABLE.black-border { border-width:1px;
                     border-color:black;
                     border-collapse: collapse;
tr.bb-test { border-width:1px;
             border-color:black;
             border-style:solid;
             border-collapse: collapse;
td.bb-medium { border-collapse: collapse;
               border-width:1px;
               border-color:black;
<TABLE class=black-border WIDTH=100%>
<TR>
<TD class=bb-medium WIDTH=10%>TEST</TD>
<TD class=bb-medium WIDTH=25%>TEST Number</TD>
<TD class=bb-medium WIDTH=55%>POLICY Range</TD>
<TD class=bb-medium WIDTH=10%>DEST DATE</TD>
</TR>
<TR class=bb-test>
<TD class=bb-medium COLSPAN=4>item 1</TD>
</TR>
<TR class=bb-test>
<TD class=bb-medium COLSPAN=4>item 2</TD>
</TR>
</TABLE>No matter what I set the border-width to (1, 10, 100), it always comes out as a thick border (same size). But in a web browser, 1, 10 or 100px border looks correct.
When I try to set the individual borders (i.e. border-top-width ), the JEditorPane shows no border at all (as if it is invalid keyword).
Does anybody know what the problem is? Any help would be appreciated.
Thanks
Roger...

Answer 1

Better use JTextPane ,where it supports CSS to some extends.
(I have used in my case for rendering font size and font face).Try to
use external stylesheet instead of internal ones. Here I paste some part of the code.
          kit = new HTMLEditorKit();//kit s ur HTMLEditorKit
          doc = (HTMLDocument) (kit.createDefaultDocument());
          this.setEditorKit(kit);//'this' is ur JTextPane object
          this.setDocument(doc);
          this.setContentType("text/html");
          css = kit.getStyleSheet();//css s the StyleSheet object
          css.addRule("body {align : left }");//replace this part by ur CSS attributes for Table rendering
          css.addRule("body {font-size : 14pt; }");
          css.addRule("body {font-family : Sans Serif; }");
          css.addRule("div {margin-top: -20pt; }");
          css.addRule("div {margin-bottom: -20pt; }");Let me know weather this works out.