Responsive site - Web form not...

User 334618 Photo


Registered User
23 posts

Ok, so I'm working off a responsive site template and decided to make a new form in form builder lite to place in the site and test out. Very nice and easy way to make forms, uploads fine to S Drive, and I get a piece of code to put into my site.

Ok, I place the code in the site in HTML editor, but when I check it out in preview, the form does not show up! Yet the site shows that it is accessing the data on coffecup.com, but the form does not appear anywhere in the page. So I test the site in Firefox and IE and neither one shows the form either :( Yet the HTML code is definitely in there.
Here is how I inserted the code:

<!-- Banner Wrapper -->
<div id="banner-wrapper">
<div class="inner">


<!-- Banner -->
<section id="banner" class="container">
<script type="text/javascript">document.write(unescape("%3Cscript src='http" + (document.location.protocol == 'https:' ? 's' : '') + "://www.coffeecup.com/api/sdrive/forms/form.js?name=brownsville_married_form_contact%26slug=222395%26height=869%26crossdomains=true%26rand=" + Math.floor( Math.random() * 1000000000 ) + "' type='text/javascript'%3E%3C/script%3E");</script>
</section>

</div>
</div>


But it doesn't show up. I know the form is working because I can see it from the direct link on S Drive, here : http://married.coffeecup.com/brownsvill … m_contact/

The site template I was using here: http://html5up.net/strongly-typed/

I want to delete the text that says "Use this space for profound thoughts. Or an enormous ad. Whatever." but keep the purple background, so that my light purple form is centered on top of it.


There is something in the website CSS code blocking it or I don't know what? Am I supposed to add something to the CSS file as well? Thank you.





User 2147626 Photo


Ambassador
2,958 posts

I'm shooting in the dark here. But, I didn't see any code on your web page for the form. Have you published the page that is to contain your form? I don't remember what the problem was, but I seem to recall that some users could not preview the form but after publishing the web page, it worked.
Graphics for the web, email, blogs and more!
-------------------------------------
https://sadduck.com
User 334618 Photo


Registered User
23 posts

Thank you, the site I linked to was the template. I edited the template, the purple section, to add the HTML snippet that directs to the form here (in bold) you can see the original html if you look at the site source

<!-- Banner Wrapper -->
<div id="banner-wrapper">
<div class="inner">


<!-- Banner -->
<section id="banner" class="container">
<script type="text/javascript">document.write(unescape("%3Cscript src='http" + (document.location.protocol == 'https:' ? 's' : '') + "://www.coffeecup.com/api/sdrive/forms/form.js?name=brownsville_married_form_contact%26slug=222395%26height=869%26crossdomains=true%26rand=" + Math.floor( Math.random() * 1000000000 ) + "' type='text/javascript'%3E%3C/script%3E");</script>
</section>


</div>
</div>


Man how I long for the days of plain ol HTML. I really don't like CSS or editing separate files for it. I would LOVE LOVE LOVE fall over myself with LOVE if Coffeecup would make a VSD version for responsive sites!! I mean it can't be all that hard, the first thing Visual Site Designer asks is the page size in pixels...... WHAT IF if in that box we could designate percentages rather than fixed pixel widths... it'd be heaven. VSD is my favorite go to program for initially laying out sites and I have done some beautiful ones with it. But they are falling by the wayside with this new CSS responsive site stuff :(

Alas I feel CSS has finally taken this amateur HTML'er past her limit. I think I'll end up hiring someone to finish the site for me. It's a shame as I have used VSD, HTML editor, GIF animator, many times in the past. Sad to think my beloved beautiful sites will be considered relics of a pre responsive age.

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.