Мой CSS испортил мое резюме

Question

Мой CSS испортил мое резюме

0

Я разрабатываю веб-сайт, который должен иметь форму защиты от спама в контактной форме. Из-за этого мне сказали, что мне нужно использовать recaptcha для предотвращения спама.

После создания моей формы и добавления CSS я реализовал капчу. По какой-то причине кажется, что мои стили испортились.

Вот скриншот, чтобы показать, что происходит

CSS

#formContainer {
    margin-left:auto;
    margin-right:auto;
    width: 500px;
    height: auto;
    border-radius: 3px;
    border: 1px solid #ccc;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .1);

}
form {
    margin: 0 auto;
    margin-top: 20px;
}
label {
    color: #555;
    display: inline-block;
    margin-left: 18px !important;
    padding-top: 10px;
    font-size: 14px;
}

input, textarea{
    outline:none;
}
    input[type=text]{
        color: #777;
        padding-left: 10px;
        margin: 10px;
        margin-top: 12px;
        margin-left: 18px;
        width: 290px;
        height: 35px;
    }

    input[type=text]#email{
        margin-left:52px;
    }

    #formComments{
        margin-left:18px;
        height: 115px;
        width:293px;
    }


input[type=submit] {
    float: right;
    margin-right: 20px;
    margin-top: 20px;
    width: 80px;
    height: 30px;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    background-color: #609941; /*IE fallback*/
    background-image: -webkit-gradient(linear, left top, left bottom, from(#609941), to(#609941));
    background-image: -moz-linear-gradient(top left 90deg, #609941 0%,#609941 100%);
    background-image: linear-gradient(top left 90deg, #609941 0%, #609941 100%);
    border-radius: 30px;
    border: 1px solid #66add6;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .3), inset 0 1px 0 rgba(255, 255, 255, .5);
    cursor: pointer;
}

HTML

<div id="formContainer">
<iframe src="http://inspirafs.com/totalira/contactext.asp" frameborder="0" height="650" width="100%" scrolling="no">Sorry your browser does not support IFRAMES.</iframe>
</div>

onTheInternet 06 май 2014, в 16:36

Источник

2

У вас есть очень общие правила CSS, вы, вероятно, захотите добавить больше специфичности, используя классы, применяемые к элементам, идентификаторам и т. Д., Иначе вы подвергаете свои стили CSS всем элементам определенного типа.
SW4 06 май 2014, в 14:27
1

На это невозможно ответить. Единственный способ ответить на этот вопрос - создать минимальный, полный и проверяемый пример .
Liam 06 май 2014, в 14:29
0

@Liam Это не невозможно, со мной случилось то же самое. Смотрите мой ответ ниже. Тем не менее, я согласен с тем, что в будущем следует предоставлять больше информации.
disinfor 06 май 2014, в 14:43

Показать ещё 1 комментарий

Теги:

html

css

iframe

1 ответ

Ещё вопросы

У вас есть очень общие правила CSS, вы, вероятно, захотите добавить больше специфичности, используя классы, применяемые к элементам, идентификаторам и т. Д., Иначе вы подвергаете свои стили CSS всем элементам определенного типа.
На это невозможно ответить. Единственный способ ответить на этот вопрос - создать минимальный, полный и проверяемый пример .
@Liam Это не невозможно, со мной случилось то же самое. Смотрите мой ответ ниже. Тем не менее, я согласен с тем, что в будущем следует предоставлять больше информации.

disinfor · Answer 1 · 2014-05-06T12-45-00.000Z

Я предполагаю, что вы используете файл recaptchalib.php.

В принципе, это ваш стиль input который толкает все. Что вам нужно сделать, так это настроить правило, чтобы переопределить ваш input в элементе captcha.

Что-то вроде этого должно работать:

#recaptcha_response_field {
padding:0;
margin:0;
height:auto;
width:auto;
}