ненормальное расстояние для радиовхода

Question

ненормальное расстояние для радиовхода

0

Хорошо, поэтому я попробовал несколько предыдущих SO-ответов и до сих пор не повезло

Радиокнопки и ярлыки для отображения в одной строке

Документация в тегах <FIELDSET> <LABEL> вместо использования TABLE?

Держите радиокнопки с их ярлыками на разрыве строк

Есть что-то странное, что заставляет какое-то ненормальное поведение для моего радио. Поблагодарили бы за помощь/руководство относительно того, что я могу сделать, чтобы исправить это! Любая помощь приветствуется.

Демо-версия: http://iam.colum.edu/students/jordan.max/web-template(2)/index.html

main.html

<div id="container">

    <form action="welcome_get.php" method="get">
        <p class="textHeader"><strong> First Name </strong></p>
        <input name="firstname" type="text" oninvalid="invalidFName(this);" oninput="invalidFName(this);" placeholder="First Name" required />

        <p class="textHeader"><strong> Last Name </strong></p>
        <p> </p>
        <input id="lastName" type="text" oninvalid="invalidLName(this);" oninput="invalidLName(this);" name="lastName" placeholder="Last Name" required />

        <p class="textHeader"><strong> Email </strong></p>
        <input id="emailaddress" type="email" oninvalid="invalidEmail(this);" name="emailaddress" placeholder="[email protected]"  required />

        <fieldset>
            <div class="some-class">
                <input type="radio" class="radio" name="x" value="y" id="y" />
                <label for="y">Thing 1</label>
                <input type="radio" class="radio" name="x" value="z" id="z" />
                <label for="z">Thing 2</label>
            </div>
        </fieldset>

        <input type="submit" value="Submit" id="submitButton" />

    </form>

</div>

CSS

leejmurphy 14 март 2014, в 01:51

Источник

Теги:

html

css

1 ответ

Ещё вопросы

leejmurphy · Accepted Answer · 2014-03-13T21-14-00.000Z

В таблице стилей есть следующее:

#container input, #container select, #container textarea {
    width: 450px;
    border: 1px solid #CEE1E8;
    margin-bottom: 20px;
    padding: 4px;
}

width: 450px; выкидывает макет вашего радиополя. Вы можете попробовать добавить что-то вроде этого после этого утверждения, чтобы переопределить его для радиостанций:

#container input[type=radio] {
    width: auto;
}

вздох смущенный, спасибо. Проверим, когда это возможно.