four systems Ответов: 1

Каскадные Таблицы Стилей радио выравнивание


Код, который пишет переключатели, с помощью css выравнивание меняется при нажатии кнопки и четырех кнопок !выровнены прямо хотелось бы иметь четыре прямолинейных центральных переключателя

public class ScanForWordsHtml {
    private static final Scanner INPUT = new Scanner(System.in);
    private static final String FILENAME = "F:/Android.html";

    public static void main(String[] args) throws FileNotFoundException {
        try (PrintStream output = new PrintStream(FILENAME)) {
            output.print("<html>");            
            output.print("<head>");            
                       
            output.print("<Style type = text/css>"); 
            output.print(".right_aligned label {"); 
            output.print("float: left;"); 
            output.print("clear: left;"); 
            output.print("padding-right: 1em;"); 
            output.print("text-align: right;");               	        	        	         
            output.print("}");     
            output.print("table.center {");    
            output.print("margin-left:auto; ");    
            output.print("margin-right:auto;");             
            output.print("}");                 
      
            output.print("</Style>"); 
            
            output.print("<script src='https://code.jquery.com/jquery-1.12.4.min.js'>");
            output.print("</script>");            
            
            output.print("<script type='text/javascript'>");
            output.print("$(document).ready(function(){");
            output.print("$('#btnGetValue').click(function() {");
            output.print("var selValue = $('input[name=rbnNumber]:checked').val();");
            output.print("$('p').html('<br/>You Selected : ' + selValue + '');");
            output.print("});");
            output.print("});");
            output.print("</script>");
            
            output.print("<script>");
            output.print("function buttonClickHandler()");
            output.print("{");
            output.print("}");
            output.print("</script>");             
            
            output.print("</head>");
            output.print("<body>");            
                             
            output.print("<table class = 'center'>");  
            output.print("<TR>");
            output.print("<TD>");            
            String Frenchword = readLine("Frenchword");   
            output.print(Frenchword);   
                
            output.print("</TD>");
            output.print("</TR>");                                
            output.print("<TR>");
            output.print("<TD>");               
            readFromUser(output);
            output.print("</TD>");         
            output.print("</TR>"); 
            output.print("<TD>");
            output.print("<input type='button' id='btnGetValue' Value='Get Value'>");
            output.print("<p>and the results are </p>");
            output.print("</TD>");
            output.print("<TR>");            
            output.print("</TR>");            
            output.print("</table>"); 
            output.print("<Title>");
            output.print("String Frenchword = readLine('Frenchword')");
            output.print("</Title>");
            output.print("</body>");             
            output.print("</html>");            
            output.println('\n');                                
        }
    }

    public static void readFromUser(PrintStream output) {
        
        String wordA = readLine("Word (a)");
        String wordB = readLine("Word (b)");
        String wordC = readLine("Word (c)");
        String wordD = readLine("Word (d)");
        String answer = readLine("Correct letter");        
        
        //output.println(radio("a", Frenchword, answer));
        output.println(radio("a", wordA, answer));
        output.println(radio("b", wordB, answer));
        output.println(radio("c", wordC, answer));
        output.println(radio("d", wordD, answer));
    }

    private static String readLine(String prompt) {
        System.out.print(prompt + ": ");
        return INPUT.nextLine();
    }

    private static String radio(String letter, String word, String answer) 
    {
        
        String option = "(" + letter + ") " + word;
        String is = letter.equals(answer) ? "is" : "is not";

        return "<table class = 'center'><input type='radio' align ='center' name='rbnNumber' value='You selected" 
                + option + "which" + is + "the correct answer'/>"
                + option + "<br/>";                        
    }   
}


Что я уже пробовал:

классов Java, документацию и поиск

Patrice T

В чем же вопрос ?

four systems

код должен писать четыре прямолинейных переключателя с css

1 Ответов

Рейтинг:
1

Mohibur Rashid

Немногие вопросы:
1. отсутствует ваша таблица стилей }
2. Ваш ТД содержит align=center, который заставляет ваши дивы висеть посередине
3. Удалите ширину: 50% от вашего стиля. Это исправит проблему разрыва линии;
4. Весь ваш HTML перепутала. Но я не буду предлагать ничего, что можно было бы улучшить.

Я не уверен в том, что смысл генерировать таким образом.

Альтернативным решением является:
1. Создайте статический HTML-файл с соответствующим отступом. Таким образом вы можете лучше судить о своем html и css коде;
2. добавьте файл JavaScript в свой заголовок, например назовите его: data.js
2. считайте пользовательский ввод с консоли, как вы уже написали
3. Создайте и запишите все введенные значения в виде данных JS в data.js как есть.


four systems

Тай, это было хорошо после нескольких изменений кнопки выстроились в линию, но на событии нажатия кнопки кнопки перемещаются влево, изменили код с изменениями, потому что код использует jcuery !может создать data.js. Думал об этом, но с чистым js было трудно выбрать переключатели и напечатать правильный ответ(возможно, это было идеальное решение). Вы это имели в виду data.js будет записывать значения, введенные в виде html

Mohibur Rashid

Html-текст должен быть в фиксированном файле. Ваш вопрос и ответы будут в data.js файл. И javascript должен отображать это значение при загрузке

four systems

а как насчет того, что код изменился, он все еще идет в сторону левой кнопки clic, ty