Лист CSS игнорируется при начальной загрузке сайта - PullRequest
Новая
       13

Лист CSS игнорируется при начальной загрузке сайта

0 голосов
/ 14 ноября 2011

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

Когда страница загружается в течение доли секунды, весь CSS игнорируется / переопределяется, а затем возвращается в нормальное состояние.

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

<form id="emf-form" target="_blank" enctype="multipart/form-data" method="post" action="http://www.emailmeform.com/builder/form/n4JBWqS97920L" name="emf-form">
  <table style="text-align:left;" cellpadding="2" cellspacing="0" border="0" bgcolor="transparent">

    <tr valign="top">
      <td id="td_element_label_0" style="" align="">
        <li><strong>Name</b> <span style="color:red;"><small>*</small></span></li></strong>
      </td>
    </tr>
    <tr>
      <td id="td_element_field_0" style="">
        <input id="element_0" name="element_0" value="" size="30" class="validate[required]" type="text" />
        <div style="padding-bottom:8px;color:#000000;"></div>
      </td>
    </tr>
    <tr valign="top">
      <td id="td_element_label_1" style="" align="">
        <li><strong><b>Email</b> <span style="color:red;"><small>*</small></span></li></strong>
      </td>
    </tr>
    <tr>
      <td id="td_element_field_1" style="">
        <input id="element_1" name="element_1" class="validate[required,custom[email]]" value="" size="30" type="text" />
        <div style="padding-bottom:8px;color:#000000;"></div>
      </td>
    </tr>
    <tr valign="top">
      <td id="td_element_label_2" style="" align="">
        <li><strong><b>Subject</b> <span style="color:red;"><small>*</small></span></li></strong>
      </td>
    </tr>
    <tr>
      <td id="td_element_field_2" style="">
        <input id="element_2" name="element_2" value="" size="30" class="validate[required]" type="text" />
        <div style="padding-bottom:8px;color:#000000;"></div>
      </td>
    </tr>
    <tr valign="top">
      <td id="td_element_label_3" style="" align="">
        <li><strong><b>Message</b> <span style="color:red;"><small>*</small></span></li></strong>
      </td>
    </tr>
    <tr>
      <td id="td_element_field_3" style="">
        <textarea id="element_3" name="element_3" cols="60" rows="10" class="validate[required]">
</textarea>
        <div style="padding-bottom:8px;color:#000000;"></div>
      </td>
    </tr>
    <tr>
      <td colspan="2">
        <script type="text/javascript">
//<![CDATA[
        var RecaptchaOptions = {
                theme: 'clean',
                custom_theme_widget: 'emf-recaptcha_widget'
                };
        //]]>
        </script> <script type="text/javascript" src="https://www.google.com/recaptcha/api/challenge?k=6LchicQSAAAAAGksQmNaDZMw3aQITPqZEsX77lT9">
</script> <noscript><iframe src="https://www.google.com/recaptcha/api/noscript?k=6LchicQSAAAAAGksQmNaDZMw3aQITPqZEsX77lT9" height="300" width="500" frameborder="0"></iframe><br />
        <textarea name="recaptcha_challenge_field" rows="3" cols="40">
</textarea> <input type="hidden" name="recaptcha_response_field" value="manual_challenge" /></noscript>
      </td>
    </tr>
    <tr>
      <td colspan="2" align="right">
        <input name="element_counts" value="4" type="hidden" /> <input name="embed" value="forms" type="hidden" /><input value="Send email" type="submit" /><input value="Clear" type="reset" />
      </td>
    </tr>
  </table>
</form>

А вот ссылка на страницу, чтобы показать вам, что происходит, и если вам нужно увидеть какой-либо другой исходный код.

http://www.smithscreenprint.co.nz/contacts.html

любая помощь будет принята с благодарностью.

1 Ответ

1 голос
/ 14 ноября 2011

Сначала загружается рекапча. Удалите эту функцию, если хотите подтвердить это. Я проверил это на нескольких браузерах, и нет проблем. Так что это может быть связано с браузером, который вы используете (IE?). Единственный способ решить эту проблему - использовать какой-нибудь хак. Попробуйте разные способы загрузки. Не используйте @import для css, если вы есть.

...