Edycja kodu HTML w Java Swing

0

Witam

Meczę się już przeszło pół dnia z edycją html w Javie.
Chcę, żeby część tekstu z tej samej lini była wyświetlona po lewej, a cześć po prawej stronie.
Nie udaje mi się uzyskać tego efektu bez następnego

czyli tekst idzie do nowej lini jak w przypadku

Model : dane modelu

Z góry dzięki za pomoc.

import javax.swing.*;



public class Main{

	private static void createAndShowGUI() {

		String whtml = ("<html><body style=\"width: 150px;\" >"
				+ "<div style=\"display: inline;border: solid 1px black; min-height: 500px;\">"
				+ "<p style=\"text-align: center; color : white;background-color: #808080;\"><font size=\"4\">Ogólne:</font></p>"
				+ "<p style=\"text-align: left;background-color : white;display:inline;\"><span style=\"display: inline;\">Model:"
				+ "<p style=\"text-align: right;background-color : white;display:inline;\"><span style=\"display: inline;\">"
				+ "dane modelu"
				+ "</font>"

				+ "<p style=\"text-align: left;background-color: #E8E8E8 ;\">Ekran:  <right>"

				+ "dane ekranu"

				+ "<p style=\"text-align: left;background-color: white ;\">System:  <right>"

				+ "dane systemu"

				+ "</b></p>" + "</div>" + "</body></html>");

		JLabel labelHtml = new JLabel(whtml);

		JFrame frame = new JFrame("html");
		frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);

		frame.add(labelHtml);

		frame.pack();
		frame.setVisible(true);
	}

	public static void main(String[] args) {
	
		javax.swing.SwingUtilities.invokeLater(new Runnable() {
			public void run() {
				createAndShowGUI();
			}
		});
	}
}
 
0

http://jsfiddle.net/ck4qtz3s/2/ a jak nie to tabelka i nie będziesz się musiał męczyć.

0

miej95 dzięki za odpowiedź, ale w javie to nie działa - nie wyświetla się w jednym akapicie.
Może uda się jednak komuś na div to zrobić, bo na tabelach dużo więcej kodu.

0

Wydaje mi się że problem nie leży po stronie Javy tylko źle napisanego kodu. Proponuję jakiś kurs HTML i CSS czy coś.

 String whtml = "<html>
    <body style=\"width: 150px;\">
        <div style=\"border: solid 1px black; min-height: 500px;\">
             <p style=\"text-align: center; color: white; background-color: #808080; font-size: 15px;\">
                Ogólne:
            </p>
            <p style=\"background-color: white; font-size: 11px;\">
                Model: <span style=\"float: right;\">dane modelu</span>
            </p>
            <p style=\"background-color: #E8E8E8; font-size: 11px;\">
                Ekran:  <span style=\"float: right;\">dane ekranu</span>
            </p>
            <p style=\"background-color: white; font-size: 11px;\">
                System:  <span style=\"float: right;\">dane systemu</span>
            </p>
        </div>
    </body>
</html>";
0

Dzięki za ten kod, ale dalej nie ma tego efektu o którym pisałem.
Wynikiem jest to :

user image

A chcę, żeby to wyglądało tak :

user image

Jak na razie tylko   jestem w stanie to zrobić, ale przy większej ilości danych to średnio się sprawdza :-)

2

Zrób po ludzku tabelę, po to one są :v

1 użytkowników online, w tym zalogowanych: 0, gości: 1