Question

我决定在我的博客上发表联系表格。

当我输入一个文本块时，我的文本块将位于文本上方。但是，当我插入联系表单时，联系表单位于寻呼机下方。我在文本块的代码之后编写了联系表单的代码，但由于某种原因它在寻呼机下，为什么要这样做，我该如何解决？

这是我正在谈论的页面：http://hereandlost.blogspot.ca/p/contact.html

我没有HTML经验，我似乎无法找到解决方案。有什么建议吗？

Answer 1

您的寻呼机是“博客”小部件的一部分。您的联系表单是一个单独的小部件，插入“博客”小部件的范围之外并插入其下方。要解决此问题，您需要将此表单插入到寻呼机上方的博客小部件中...或者使用某些脚本移动它。我会尝试将html插入到联系人页面正文内容中。

Answer 2

是的，您可以通过html方法将给定的简单代码添加到您的博客页面来实现此目的。

fist goto p / contact.html此页面然后将其写为html方法，该方法位于“撰写”按钮附近并粘贴以下代码并保存页面。

<div class='footer section' id='footer4'>
        <div class='widget ContactForm' id='ContactForm1'>
            <div class='contact-form-widget'>
                <div class='form'>
                    <form name='contact-form'>
                        <p></p>Name<br/><input class='contact-form-name' id='ContactForm1_contact-form-name' name='name' size='30' type='text' value=''/>
                        <p></p>Email<span style='font-weight: bolder;'>
                                                      *
                                                    </span>
                        <br/>
                        <input class='contact-form-email' id='ContactForm1_contact-form-email' name='email' size='30' type='text' value=''/>
                        <p></p>
                        Message
                        <span style='font-weight: bolder;'>
                                                      *
                                                    </span>
                        <br/>
                        <textarea class='contact-form-email-message' cols='25' id='ContactForm1_contact-form-email-message' name='email-message' rows='5'></textarea>
                        <p></p>
                        <input class='contact-form-button contact-form-button-submit' id='ContactForm1_contact-form-submit' type='button' value='Send'/>
                        <p></p>
                        <div style='text-align: center; max-width: 222px; width: 100%'>
                        <p class='contact-form-error-message' id='ContactForm1_contact-form-error-message'></p>
                        <p class='contact-form-success-message' id='ContactForm1_contact-form-success-message'></p>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>

联系表格在寻呼机下方

2 个答案: