0

私は親しい家族の友人のビジネスのためにこのサイトをデザインしています。私はほとんど SEO を否定していませんが、このサードパーティの電子メールフォームをサイトに追加したため、ページの 1 つで非常に厄介なことが起こっています。

ページが一瞬読み込まれると、すべての 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

どんな助けでも大歓迎です。

4

1 に答える 1

1

最初に recaptcha をロードしています。これを確認したい場合は、その機能を削除してください。いくつかのブラウザでテストしましたが、問題はありません。そのため、使用しているブラウザ (IE?) に関係している可能性があります。それを解決する唯一の方法は、ある種のハックを使用することかもしれません。さまざまな読み込み方法を試してください。使用している場合は、CSS にも @import を使用しないでください。

于 2011-11-14T14:37:41.473 に答える