We launched new forums in March 2019—join us there. In a hurry for help with your website? Get Help Now!
    • 13284
    • 95 Posts
    Hello everyone,

    I’m kind of baffled with this:
    http://www.tapanime.com/cms/pageinfo/contact.php

    The submit and error goes behind and below the footer of the template, I’ve tried to add a height:100% and the overflow:auto and that didn’t seem to work of course I might not have put it in the right spot.

    I’m using these following things:
    Template: http://modxcms.com/Animetor-Metal-956.html
    eform snippet: http://modxcms.com/eForm-1003.html

    The current CSS I have for my site is at here:
    http://www.tapanime.com/animetor-4b.zip

    For the eform display template is this:
    <form method="post" action="[~[*id*]~]">
        <input type="hidden" name="formid" value="feedbackForm">
        <label accesskey="n" for="Name">Your Name</label>
        <input type="text" name="Name" maxlength="60" eform="Your Name::1><br>
        <br>
        <label accesskey="e" for="email">Your Email Address</label>
        <input type="text" name="email" size="40" maxlength="40" eform="Your Email Address:email:1"><br>
        <br>
    <label for="subject">Subject</label>
    <select name="subject">
            <option value="Website feedback">Website feedback</option>
            <option value="Support request">Support request</option>
            <option value="Feature request">Feature request</option>
        </select>
    <br>
        <label accesskey="c" for="comments">Comments</label>
        <textarea cols="40" rows="10" name="comments" eform="Comments:html:1"></textarea><br>
    <br>
        Please enter the anti spam code below:<br>
        <img src="[+verimageurl+]" alt="verification code" border="1">
        <br>
        <label accesskey="c" for="vericode">code</label>
        <input type="text" name="vericode" size="20">
    <br>
        <input type="submit" name="submit" value="Send Feedback"><br>
        <span style="color:#900;">[+validationmessage+]</span><br>
    <br>
    </form>


    Any thoughts on why it’s doing this and how to fix it?

    Thanks to everyone
      • 33337
      • 3,975 Posts
      Zaigham (aka zi) Reply #2, 20 years ago
      After taking a quick look, its nothing to do with eForm, its a CSS layout issue, I cant pin point the css problem right now, but I hope it helps you to review the template/css code.

      regards.

      zi
        Zaigham R - MODX Professional | Skype | Email | Twitter

        Digging the interwebs for #MODX gems and bringing it to you. modx.link
        • 30223
        • 1,010 Posts
        You have plenty of serious problems with your css anyway it seems. Have a look at your site in Internet Explorer and especially in Opera... (only a heading and a login box are visible)

        I would try to iron out all the css stuff first with some simple content and then see if you still have problems with your contact page. I think you’re trying too much complexity all at once. Get one thing working properly and add new things step by step. Personally I would build static versions of your key pages and get all the css working in major browsers (while making sure content is still visible in older browsers).

        I ran the page source through a validator and you have some nesting errors with spans and divs as well. This could easily contribute to your problems... This one for example:

        <span class="message"><a href="#" onclick="webLoginShowForm(2);return false;">Forget Password?</a><span>