Modx CSS проблема не тянет в стилях на форме - PullRequest
Новая
       13

Modx CSS проблема не тянет в стилях на форме

0 голосов
/ 25 февраля 2010

Я редактирую сайт, используя Modx cms. Я пытаюсь добавить контактную форму на страницу контактов. У меня уже есть один в боковой панели, указанной в шаблоне. Код в контактной странице указывает на те же теги div, но он не принимает никакой CSS

любые идеи, почему это происходит. Нужен ли какой-нибудь плагин?

Спасибо за вашу помощь С уважением Джуди 

<div class="enquiry-form-top">

                <h2>Enquiry Form</h2>

            </div>

           <div class="enquiry-form">

                <form class="enquiry" id="enquiry" action="mailer.php" method="post">

   <fieldset>

       <legend>Enquiry Form</legend>

       <div class="form-field">
    <label for="Name">Name:</label>
    <input type="text" id="Name" name="Name" value="">
       </div>

                        <input type="hidden" name="thankspage" value="thank-you.html">
                        <input type="hidden" name="subject" value="Enquiry Form">

       <div class="form-field">
    <label for="Address"> Address:</label>
    <input type="text" id="Address" name="Address" value="">
                            <input type="text" id="Address2" name="Address2" value="">
                            <input type="text" id="Address3" name="Address3" value="">
       </div>
    <div class="form-field">
    <label for="DOB">DOB:</label>
                            <input id="DOB" type="text" name="DOB" value="" />
       </div>

       <div class="form-field">
    <label for="Total-Fund-Size">Total Fund Size:</label>
    <input id="Total-Fund-Size" type="text" name="Total-Fund-Size" value="" />
       </div>

                        <div class="form-field">
    <label for="Number-Of-Funds">Number Of Funds:</label>
    <input id="Number-Of-Funds" type="text" name="Number-Of-Funds" value="" />
       </div>

                        <div class="form-field">
    <label for="Lump-Sum-Benefit">Has Lump Sum <br/>Benefit Been Taken:</label>
    <ul>
                                <li>Yes <input type="checkbox" name="Lump-Sum-Benefit" id="Lump-Sum-Benefit" value="Yes" /></li>
                                <li>No <input type="checkbox" name="Lump-Sum-Benefit" id="Lump-Sum-Benefit2" value="No" /></li>
                            </ul>
       </div>
                        <div class="form-field">
    <label for="Telephone-Number">Telephone Number:</label>
    <input type="text" id="Telephone-Number" name="Telephone-Number" value="">
       </div>

                        <div class="form-field">
    <label for="Best-Time-To-Contact">Best Time To Contact:</label>
    <input type="text" id="Best-Time-To-Contact" name="Best-Time-To-Contact" value="">
       </div>

                        <div class="form-field">
    <label for="Email">Email:</label>
    <input type="text" id="Email" name="Email" value="">
       </div>

                        <div class="form-field">
                           <img src="CaptchaSecurityImages.php" alt="">
                           <label for="security_code"> Security Code: </label>
                           <input type="text" id="security_code" name="security_code">
                        </div>

       <div class="form-buttons">
    <input type="image" name="Submit" value="Submit" src="images/annuity/submit_button.gif">
       </div>

   </fieldset>

      </form>

1 Ответ

0 голосов
/ 26 февраля 2010

Я не могу думать о том, чтобы это произошло, и вам не нужны никакие плагины.

Когда страница отображается, это, конечно, просто HTML, и не имеет значения, была ли она сделана в modx или любой другой системе.

Можете ли вы исследовать страницу с помощью Firebug и убедиться, что таблица стилей загружается?

Возможно, работающая форма заключена в div с классом, и все стили задаются в таблице стилей следующим образом (т. Е. Дочерние элементы содержащего div) .enclosingdiv .form-field Это объясняет, почему ваша форма не подбирает стили.

Также вы должны проверить eform ( Package , wiki ), он отлично подходит для простых форм контактов.

...