Help - Search - Members - Calendar
Full Version: HTML page not uploading correctly?
HTMLHelp Forums > Web Authoring > General Web Design
deano119
Hello,

I have a webiste which i built myself, i have just changed a web form on the home page but it has ruined the page, half of the form is missing and half of the page's content has gone from below the form. The form is generated by aweber.

www.ironmantips.com

any help would be very gratefull.

Christian J
Why do you think it's not uploaded correctly, does it look OK offline?

From looking at the HTML source it's simply cut off at the bottom. There's also a big block of CSS in the middle of the page, where it doesn't belong.

How is the page generated, by a server-side script?
deano119
QUOTE(Christian J @ Jan 2 2010, 11:24 AM) *

Why do you think it's not uploaded correctly, does it look OK offline?

From looking at the HTML source it's simply cut off at the bottom. There's also a big block of CSS in the middle of the page, where it doesn't belong.

How is the page generated, by a server-side script?



Yes the page looks fine offline and exactly how it should be, but as soon as you upload it something goes wrong! the page is just very simply generated in notepad. ive had the site for months but this problem has only occured when i changed the web form..

thanks..
pandy
Which is the page? There is no form on the page you linked to.
Darin McGrew
If I view the source, I see the beginning of a form, but as Christian said, the HTML looks like it was cut off abruptly.
pandy
Ah, I expected a visually screwed up form.
deano119
QUOTE(pandy @ Jan 2 2010, 01:00 PM) *

Ah, I expected a visually screwed up form.


why would this happen? as said before the page is fine offline but as soon a sit is uploaded it gets messed up..
pandy
Are you sure you upload the right file? Could you have saved a half baked copy?
deano119
QUOTE(pandy @ Jan 2 2010, 04:22 PM) *

Are you sure you upload the right file? Could you have saved a half baked copy?


Yep sure of it, here is the file below. It looks fine offline..

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Ironman Tips - Complete An Ironman | FREE CD Reveals Secrets Of Ironman Mark Kleanthous</title>

<META Name="Description" Content="Complete An Ironman, Ironman training with the knowledge from elite Ironman coach and triple Ironman finisher Mark Kleanthous!">
<META Name="Keywords" Content="ironman training,ironman triathlon,half ironman,timex ironman,ironman race,ironman competition,ironman triathalon,ironman,ironman results,ironman races,ironman half,ironman triathlete,kona ironman,germany ironman,ironman triatholon,triathlon ironman,ironman triathlons,hawaiian ironman,ironman live,ironman hawai,ironman tri,ironman dvd,ironman uk,ironman world championship,ironman challenge,ironman switzerland,ironman world championships,triathalon,triathletes,ironman training plan,ironman plan,ironman training">
<style type="text/css" media="all">
body, td
{
font:13px Verdana, Geneva, tahoma, Helvetica, sans-serif;
color:#000;
margin: 0px;
}
</style>
</head>


<body link="Blue" vlink="Purple" alink="Red" bgcolor= "#153E7E" onLoad=" ">
<table width="900" border="0" bordercolor="#153E7E" cellspacing="0" cellpadding="0" align="center">
<tr>
<td colspan="1">









<table width="658" align="center" border="10" bordercolor="#153E7E" cellpadding="20" cellspacing="0" bgcolor="white">
<tr><td>

<center><img border="0" src="http://www.ironmantips.com/images/imheader1.jpg" WIDTH="698" HEIGHT="122">




<table width=100% cellpadding="0" cellspacing="0" bgcolor="#ffffff">
<tr><BR>
<td width="70%"><left>

<center><B><font size=5 face="verdana" color="#cc0000">"FREE VIDEO Allows You To Literally Step Into My Home And Let Me Personally Help You To Achieve Your Best Ironman"
</b><BR><BR>

<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/bxseIHXQg1k&hl=en_GB&fs=1&rel=0&autoplay=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/bxseIHXQg1k&hl=en_GB&fs=1&rel=0&autoplay=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object>




</a>
</td>
<td width="30%"><left>

<!-- AWeber Web Form Generator 3.0 -->
<style type="text/css">
#af-form-1044544166 .af-body .af-textWrap{width:98%;display:block;float:none;}
#af-form-1044544166 .af-body .privacyPolicy{color:#FFFFFF;font-size:11px;font-family:Verdana, sans-serif;}
#af-form-1044544166 .af-body a{color:#80B7F2;text-decoration:underline;font-style:normal;font-weight:normal;}
#af-form-1044544166 .af-body input.text, #af-form-1044544166 .af-body textarea{background-color:#FFFFFF;border-color:#919191;border-width:1px;border-style:solid;color:#000000;text-decoration:none;font-style:normal;font-weight:normal;font-size:12px;font-family:Verdana, sans-serif;}
#af-form-1044544166 .af-body input.text:focus, #af-form-1044544166 .af-body textarea:focus{background-color:#FFFAD6;border-color:#030303;border-width:1px;border-style:solid;}
#af-form-1044544166 .af-body label.previewLabel{display:block;float:none;text-align:left;width:auto;color:#80B7F2;text-decoration:none;font-style:normal;font-weight:normal;font-size:11px;font-family:Verdana, sans-serif;}
#af-form-1044544166 .af-body{padding-bottom:15px;padding-top:15px;background-repeat:repeat-x;background-position:inherit;background-image:url("http://forms.aweber.com/images/forms/download/marine/body.png");color:#FFFFFF;font-size:11px;font-family:Verdana, sans-serif;}
#af-form-1044544166 .af-header{padding-bottom:9px;padding-top:32px;padding-right:10px;padding-left:99px;background-color:#D12B02;background-repeat:no-repeat;background-position:inherit;background-image:url("http://forms.aweber.com/images/forms/download/marine/header.png");border-color:#000000;border-width:1px;border-bottom-style:none;border-left-style:none;border-right-style:none;border-top-style:none;color:#FFFFFF;font-size:16px;font-family:Verdana, sans-serif;}
#af-form-1044544166 .af-quirksMode .bodyText{padding-top:2px;padding-bottom:2px;}
#af-form-1044544166 .af-quirksMode{padding-right:10px;padding-left:10px;}
#af-form-1044544166 .af-standards .af-element{padding-right:10px;padding-left:10px;}
#af-form-1044544166 .bodyText p{margin:1em 0;}
#af-form-1044544166 .buttonContainer input.submit{background-image:none;background-color:#D12B02;color:#FFFFFF;text-decoration:none;font-style:normal;font-weight:normal;font-size:14px;font-family:Verdana, sans-serif;}
#af-form-1044544166 .buttonContainer{text-align:center;}
#af-form-1044544166 body,#af-form-1044544166 dl,#af-form-1044544166 dt,#af-form-1044544166 dd,#af-form-1044544166 h1,#af-form-1044544166 h2,#af-form-1044544166 h3,#af-form-1044544166 h4,#af-form-1044544166 h5,#af-form-1044544166 h6,#af-form-1044544166 pre,#af-form-1044544166 code,#af-form-1044544166 fieldset,#af-form-1044544166 legend,#af-form-1044544166 blockquote,#af-form-1044544166 th,#af-form-1044544166 td{float:none;color:inherit;position:static;margin:0;padding:0;}
#af-form-1044544166 button,#af-form-1044544166 input,#af-form-1044544166 submit,#af-form-1044544166 textarea,#af-form-1044544166 select,#af-form-1044544166 label,#af-form-1044544166 optgroup,#af-form-1044544166 option{float:none;position:static;margin:0;}
#af-form-1044544166 div{margin:0;}
#af-form-1044544166 fieldset{border:0;}
#af-form-1044544166 form,#af-form-1044544166 textarea,.af-form-wrapper,.af-form-close-button,#af-form-1044544166 img{float:none;color:inherit;position:static;background-color:none;border:none;margin:0;padding:0;}
#af-form-1044544166 input,#af-form-1044544166 button,#af-form-1044544166 textarea,#af-form-1044544166 select{font-size:100%;}
#af-form-1044544166 p{color:inherit;}
#af-form-1044544166 select,#af-form-1044544166 label,#af-form-1044544166 optgroup,#af-form-1044544166 option{padding:0;}
#af-form-1044544166 table{border-collapse:collapse;border-spacing:0;}
#af-form-1044544166 ul,#af-form-1044544166 ol{list-style-image:none;list-style-position:outside;list-style-type:disc;padding-left:40px;}
#af-form-1044544166,#af-form-1044544166 .quirksMode{width:226px;}
#af-form-1044544166.af-quirksMode{overflow-x:hidden;}
#af-form-1044544166{background-color:transparent;border-color:transparent;border-width:1px;border-style:solid;}
#af-form-1044544166{overflow:auto;}
.af-body .af-textWrap{text-align:left;}
.af-body input.image{border:none!important;}
.af-body input.submit,.af-body input.image,.af-form .af-element input.button{float:none!important;}
.af-body input.text{width:100%;float:none;padding:2px!important;}
.af-body.af-standards input.submit{padding:4px 12px;}
.af-clear{clear:both;}
.af-element label{text-align:left;display:block;float:left;}
.af-element{padding:5px 0;}
.af-form{text-align:left;margin:auto;}
.af-header{margin-bottom:0;margin-top:0;padding:10px;}
.af-quirksMode .af-element{padding-left:0!important;padding-right:0!important;}
.lbl-right .af-element label{text-align:right;}
body {
}
</style>
<form method="post" class="af-form-wrapper" action="http://www.aweber.com/scripts/addlead.pl" >
<div style="display: none;">
<input type="hidden" name="meta_web_form_id" value="1044544166" />
<input type="hidden" name="meta_split_id" value="" />
<input type="hidden" name="listname" value="welcomeironman" />
<input type="hidden" name="redirect" value="http://www.ironmantips.com/thankyou" id="redirect_cf3e19cca4033892beb9b98726d6e93a" />

<input type="hidden" name="meta_adtracking" value="iron_index" />
<input type="hidden" name="meta_message" value="1" />
<input type="hidden" name="meta_required" value="name,email" />
<input type="hidden" name="meta_forward_vars" value="" />
<input type="hidden" name="meta_tooltip" value="" />
</div>
<div id="af-form-1044544166" class="af-form"><div id="af-header-1044544166" class="af-header"><div class="bodyText"><p><span style="font-size: 16px;"><strong>&nbsp;</strong></span></p></div></div>
<div id="af-body-1044544166" class="af-body af-standards">
<div class="af-element">
<p><strong><span style="font-size: 18px;">
<p style="text-align: center;"><span style="font-family: trebuchet ms,geneva;"><span style="font-size: 18px;"><strong><span style="font-size: 24px;"><span style="font-family: arial,helvetica,sans-serif;">GET YOUR FREE&nbsp; Ironman&nbsp;Tips Video Here Now!</span></span></strong></span></span><span style="font-family: trebuchet ms,geneva;"><span style="font-size: 18px;"><strong><span style="font-size: 24px;"><span style="font-family: arial,helvetica,sans-serif;"></span></span></strong></span></span></p>
</span></strong></p><div class="af-clear"></div>
</div>
<div class="af-element">
<label class="previewLabel" for="awf_field-1404883">Name: </label>
<div class="af-textWrap">
<input id="awf_field-1404883" type="text" name="name" class="text" value="" />
</div>
<div class="af-clear"></div></div>
<div class="af-element">
<label class="previewLabel" for="awf_field-1404884">Email: </label>
<div class="af-textWrap"><input class="text" id="awf_field-1404884" type="text" name="email" value="" />
</div><div class="af-clear"></div>
</div>
<div class="af-element buttonContainer">
<input name="submit" class="submit" type="submit" value="Instant Access"/>
<div class="af-clear"></div>
</div>
<div class="af-element privacyPolicy" style="text-align: center"><p><a href="http://www.aweber.com/permission.htm" target="_blank">We respect your email privacy</a></p>
<div class="af-clear"></div>
</div>
<div class="af-element">
<p style="text-align: center;"><span style="font-family: arial,helvetica,sans-serif;"><strong>Privacy Assured: </strong>Your email address is never shared with anyone.</span></p><div class="af-clear"></div>
</div>
</div>
</div>
<img src="http://forms.aweber.com/form/displays.htm?id=jAwsLKwsLIxsbA==" border="0" />
</form>
<script type="text/javascript">
(function() {
var IE = /*@cc_on!@*/false;
if (!IE) { return; }
if (document.compatMode && document.compatMode == 'BackCompat') {
if (document.getElementById("af-form-1044544166")) {
document.getElementById("af-form-1044544166").className = 'af-form af-quirksMode';
}
if (document.getElementById("af-body-1044544166")) {
document.getElementById("af-body-1044544166").className = "af-body inline af-quirksMode";
}
if (document.getElementById("af-header-1044544166")) {
document.getElementById("af-header-1044544166").className = "af-header af-quirksMode";
}
if (document.getElementById("af-footer-1044544166")) {
document.getElementById("af-footer-1044544166").className = "af-footer af-quirksMode";
}
}
})();
</script>

<!-- /AWeber Web Form Generator 3.0 -->

</center>



</a>
</td>
</tr>
</table>



<table width="658" align="center" border="0" cellpadding="20" cellspacing="0" bgcolor="white">
<tr><td>

<center><B><font size=5 face="verdana" color="#cc0000">Do You Want To Know How To:</b>

<table align="center" width="100%" cellpadding="18" cellspacing="0" border="0" bordercolor="white" bgcolor="white">
<tr><td>


<font size=4 face="arial" color="#000000">
<left>


<img border="0" src="http://www.ironmantips.com/images/tickb1.jpg" WIDTH="20" HEIGHT="20">&nbsp;&nbsp;Train <B>specifically</b> for an Ironman event and get the<B> RESULTS</b> you want?<BR><BR>

<img border="0" src="http://www.ironmantips.com/images/tickb1.jpg" WIDTH="20" HEIGHT="20"> &nbsp;&nbsp;Instantly start training with the most <B>EFFECTIVE</b> training advice available?<BR><BR>

<img border="0" src="http://www.ironmantips.com/images/tickb1.jpg" WIDTH="20" HEIGHT="20">&nbsp;&nbsp;How you can avoid problems, from nutrition to motivation significantly with tried and tested methods by 1000's of <B>PEOPLE JUST LIKE YOU?</b><BR><BR>

<img border="0" src="http://www.ironmantips.com/images/tickb1.jpg" WIDTH="20" HEIGHT="20">&nbsp;&nbsp;How my training experience and expertise can improve your strengths, weaknesses and Ironman times, with testimonials from leading <B>INDUSTRY EXPERTS?</b><BR><BR>

<img border="0" src="http://www.ironmantips.com/images/tickb1.jpg" WIDTH="20" HEIGHT="20"> &nbsp;&nbsp;Understanding essential workouts and their <B>critical</b> importance without confusing and <B>CONFLICTING INFORMATION?</b><BR><BR>

<img border="0" src="http://www.ironmantips.com/images/tickb1.jpg" WIDTH="20" HEIGHT="20"> &nbsp;&nbsp;How to <B>MASTER</b> your training schedule, lifestyle, race preperation and race day transitions?<BR><BR>

<img border="0" src="http://www.ironmantips.com/images/tickb1.jpg" WIDTH="20" HEIGHT="20"> &nbsp;&nbsp;How to train effectively with a heart rate monitor, with the <B>MOST BENEFICIAL</b> rewards?<BR><BR>


</td>
</tr>
</table>


<B><font size=3 face="arial" color="#0000A0"> COPYRIGHT 2009 IRONMANTIPS.COM - ALL RIGHTS RESERVED</b><BR><BR>

<font size=2 face="arial"><center>
<a href="http://www.ironmantips.com/warranties.html"><font color="#153e7e">Warranties & Legal Rights</a>&nbsp; | <a href="http://www.ironmantips.com/earnings.html"><font color="#153e7e">Earnings Disclaimer</a>&nbsp; | <a href="http://www.ironmantips.com/terms.html"><font color="#153e7e">Terms of Service</a>&nbsp; | <a href="http://www.ironmantips.com/privacy.html"><font color="#153e7e">Privacy Policy</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<BR>

<font size=2 face="arial" color="#808080">1 North St, Castlethorpe, Buckinghamshire MK19 7EW



<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-10969410-2");
pageTracker._trackPageview();
} catch(err) {}</script>




Thanks Guys..
Christian J
Now it's not cut off anymore.

The HTML is still very invalid, though.
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2014 Invision Power Services, Inc.