10 replies
  • WEB DESIGN
  • |
I was trying to update my buy now button and I goofed something up on my site. I know a little bit about html, but I just went in and tried to cut/paste the new image html in where the old buy button was, and "poof" my site is a mess. Can anyone help point me in a direction on what I goofed in the code?

Thanks!

Here is the section I was playing with

____________________


<a href="http://www.amazon.com/gp/product/0984189076?ie=UTF8&amp;tag=doigoowor-20&amp;linkCode=as2&amp;camp=1789&amp;creative=932 5&amp;creativeASIN=0984189076"><img src="<?php bloginfo('template_url'); ?>/images/button_r110_c6.png" width="150" height="30" border="0" /></a> <img src="<?php bloginfo('template_url'); ?>/images/ad1.png" /></div>
<!-- End Book Ad -->


_______________________

<div id="sidebar">

<div id="sidebar-top">
<?php if ( function_exists('dynamic_sidebar') && dynamic_sidebar('Sidebar_top') ) : else : ?>


<h2>Recently written</h2>
<ul>
<?php get_archives('postbypost', 5); ?>
</ul>
<?php endif; ?>

</div>
<div id="clear-both">&nbsp;</div>
<!-- Start Book Ad -->
<img src="<?php bloginfo('template_url'); ?>/images/spacer.png" </a>

<div id="ad-wrap">
<div class="ad1"><a href="http://givewithoutremembering.com/contactus/">Contact Us</a><br />"The single most common and most devastating mistake that most people around the world make on a regular basis is that they underestimate their own abilities for positive change."<br />
<br />
<strong>Doing Good Works</strong><br />
<br />
<strong>Only $14.95</strong><br />
<br />
</div>
<div>
<a href="http://www.amazon.com/gp/product/0984189076?ie=UTF8&amp;tag=doigoowor-20&amp;linkCode=as2&amp;camp=1789&amp;creative=932 5&amp;creativeASIN=0984189076"><img src="<?php bloginfo('template_url'); ?>/images/button_r110_c6.png" width="150" height="30" border="0" /></a> <img src="<?php bloginfo('template_url'); ?>/images/ad1.png" /></div>
<!-- End Book Ad -->

<div id="sidebar-top2">
<?php if ( function_exists('dynamic_sidebar') && dynamic_sidebar('Sidebar_bottom') ) : else : ?>

<h2>Doing Good Works!</h2>
<p style="padding:0px 5px 0px 8px; margin:0px;">There are some Really Good Things Going on!</p>
<!-- AWeber Web Form Generator 3.0 -->
<style type="text/css">
#af-form-1340269814 .af-body .af-textWrap{width:98%;display:block;float:none;}
#af-form-1340269814 .af-body a{color:#094C80;text-decoration:underline;font-style:normal;font-weight:normal;}
#af-form-1340269814 .af-body input.text, #af-form-1340269814 .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:10px;font-family:Verdana, sans-serif;}
#af-form-1340269814 .af-body input.text:focus, #af-form-1340269814 .af-body textarea:focus{background-color:#FFFAD6;border-color:#030303;border-width:1px;border-style:solid;}
#af-form-1340269814 .af-body label.previewLabel{display:block;float:none;text-align:left;width:auto;color:#000000;text-decoration:none;font-style:normal;font-weight:normal;font-size:10px;font-family:Verdana, sans-serif;}
#af-form-1340269814 .af-body{padding-bottom:15px;padding-top:15px;background-repeat:no-repeat;background-position:inherit;background-image:none;color:#000000;font-size:10px;font-family:Verdana, sans-serif;}
#af-form-1340269814 .af-header{background-color:transparent;background-repeat:no-repeat;background-position:inherit;background-image:none;border-width:1px;border-bottom-style:none;border-left-style:none;border-right-style:none;border-top-style:none;color:#000000;font-size:12px;font-family:Verdana, sans-serif;}
#af-form-1340269814 .af-quirksMode .bodyText{padding-top:2px;padding-bottom:2px;}
#af-form-1340269814 .af-quirksMode{padding-right:15px;padding-left:15px;}
#af-form-1340269814 .af-standards .af-element{padding-right:15px;padding-left:15px;}
#af-form-1340269814 .bodyText p{margin:1em 0;}
#af-form-1340269814 .buttonContainer input.submit{background-image:url("http://forms.aweber.com/images/auto/gradient/button/ccc.png");background-position:top left;background-repeat:repeat-x;background-color:#acacac;border:1px solid #acacac;color:#000000;text-decoration:none;font-style:normal;font-weight:normal;font-size:11px;font-family:Verdana, sans-serif;}
#af-form-1340269814 .buttonContainer input.submit{width:auto;}
#af-form-1340269814 .buttonContainer{text-align:left;}
#af-form-1340269814 body,#af-form-1340269814 dl,#af-form-1340269814 dt,#af-form-1340269814 dd,#af-form-1340269814 h1,#af-form-1340269814 h2,#af-form-1340269814 h3,#af-form-1340269814 h4,#af-form-1340269814 h5,#af-form-1340269814 h6,#af-form-1340269814 pre,#af-form-1340269814 code,#af-form-1340269814 fieldset,#af-form-1340269814 legend,#af-form-1340269814 blockquote,#af-form-1340269814 th,#af-form-1340269814 td{float:none;color:inherit;position:static;margin :0;padding:0;}
#af-form-1340269814 button,#af-form-1340269814 input,#af-form-1340269814 submit,#af-form-1340269814 textarea,#af-form-1340269814 select,#af-form-1340269814 label,#af-form-1340269814 optgroup,#af-form-1340269814 option{float:none;position:static;margin:0;}
#af-form-1340269814 div{margin:0;}
#af-form-1340269814 fieldset{border:0;}
#af-form-1340269814 form,#af-form-1340269814 textarea,.af-form-wrapper,.af-form-close-button,#af-form-1340269814 img{float:none;color:inherit;position:static;backg round-color:none;border:none;margin:0;padding:0;}
#af-form-1340269814 input,#af-form-1340269814 button,#af-form-1340269814 textarea,#af-form-1340269814 select{font-size:100%;}
#af-form-1340269814 p{color:inherit;}
#af-form-1340269814 select,#af-form-1340269814 label,#af-form-1340269814 optgroup,#af-form-1340269814 option{padding:0;}
#af-form-1340269814 table{border-collapse:collapse;border-spacing:0;}
#af-form-1340269814 ul,#af-form-1340269814 ol{list-style-image:none;list-style-positionutside;list-style-type:disc;padding-left:40px;}
#af-form-1340269814,#af-form-1340269814 .quirksMode{width:173px;}
#af-form-1340269814.af-quirksMode{overflow-x:hidden;}
#af-form-1340269814{background-color:#FFFFFF;border-color:transparent;border-width:1px;border-style:none;}
#af-form-1340269814{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!impor tant;}
.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-wrapper{text-indent: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="1340269814" />
<input type="hidden" name="meta_split_id" value="" />
<input type="hidden" name="listname" value="givewithoutre" />
<input type="hidden" name="redirect" value="http://www.aweber.com/thankyou-coi.htm?m=text" id="redirect_853068a183f39ff9be79be0046496870" />
<input type="hidden" name="meta_redirect_onlist" value="http://www.givewithoutremembering.com" />
<input type="hidden" name="meta_adtracking" value="My_Web_Form" />
<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-1340269814" class="af-form"><div id="af-header-1340269814" class="af-header"><div class="bodyText"><p style="text-align: center;"><strong><span style="font-size: 13px;"><span style="color: #339966;"><span style="font-size: 14px;">Get "Real Life" Ideas and Quotes Delivered to Your Inbox.</span></span></span></strong></p>
<p style="text-align: center;">&nbsp;</p></div></div>
<div id="af-body-1340269814" class="af-body af-standards">
<div class="af-element">
<label class="previewLabel" for="awf_field-5408301">Name: </label>
<div class="af-textWrap">
<input id="awf_field-5408301" type="text" name="name" class="text" value="" />
</div>
<div class="af-clear"></div></div>
<div class="af-element">
<label class="previewLabel" for="awf_field-5408302">Email: </label>
<div class="af-textWrap"><input class="text" id="awf_field-5408302" 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="Submit"/>
<div class="af-clear"></div>
</div>
</div>
</div>
<div style="display: none;"><img src="http://forms.aweber.com/form/displays.htm?id=jMwsDExsnByMLA==" alt="" /></div>
</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-1340269814")) {
document.getElementById("af-form-1340269814").className = 'af-form af-quirksMode';
}
if (document.getElementById("af-body-1340269814")) {
document.getElementById("af-body-1340269814").className = "af-body inline af-quirksMode";
}
if (document.getElementById("af-header-1340269814")) {
document.getElementById("af-header-1340269814").className = "af-header af-quirksMode";
}
if (document.getElementById("af-footer-1340269814")) {
document.getElementById("af-footer-1340269814").className = "af-footer af-quirksMode";
}
}
})();
-->
</script>

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

<h2>Recently written</h2>
<ul>
<?php get_archives('postbypost', 5); ?>
</ul>
<?php endif; ?>
<p style="text-align: center;"><a href="http://www.facebook.com/friendinpittsburgh"><img src="http://givewithoutremembering.com/wp-content/uploads/2010/04/facebook.gif" alt="Facebook" /></a> <a href="http://twitter.com/Bryan_Douglas_"><img src="http://givewithoutremembering.com/wp-content/uploads/2010/04/twitter.gif" alt="twitter" /></a> <a href="http://www.myspace.com/givewithoutremembering"><img src="http://givewithoutremembering.com/wp-content/uploads/2010/04/myspace.gif" alt="myspace" /></a></p>
</div>
</div>
<!--
<div style="clear:both;"></div> -->
  • Profile picture of the author indexphp
    Well I notice the very FIRST character on the first line of code you pasted is missing the <

    Code:
    <a href="http://www.amazon.com/gp/product/0984189076?ie=UTF8&amp;tag=doigoowor-20&amp;linkCode=as2&amp;camp=1789&amp;creative=932 5&amp;creativeASIN=0984189076"><img src="<?php bloginfo('template_url'); ?>/images/button_r110_c6.png" width="150" height="30" border="0" /></a> <img src="<?php bloginfo('template_url'); ?>/images/ad1.png" /></div>
    <!-- End Book Ad -->
    got a link to the page?
    {{ DiscussionBoard.errors[2023269].message }}
    • Profile picture of the author Bryan Douglas
      Originally Posted by indexphp View Post

      Well I notice the very FIRST character on the first line of code you pasted is missing the <

      Code:
      <a href="http://www.amazon.com/gp/product/0984189076?ie=UTF8&amp;tag=doigoowor-20&amp;linkCode=as2&amp;camp=1789&amp;creative=932 5&amp;creativeASIN=0984189076"><img src="<?php bloginfo('template_url'); ?>/images/button_r110_c6.png" width="150" height="30" border="0" /></a> <img src="<?php bloginfo('template_url'); ?>/images/ad1.png" /></div>
      <!-- End Book Ad -->
      got a link to the page?

      Oh, whoops, I missed that when I pulled it to the top. Thanks!
      {{ DiscussionBoard.errors[2023279].message }}
  • Profile picture of the author indexphp
    miss your opportunity for an easy backlink
    {{ DiscussionBoard.errors[2023285].message }}
  • Profile picture of the author Bryan Douglas
    Anyone else? I can't figure this out. I tried putting <div>before the section and </div> after the section and it won't bring the body of the page back up to the correct position on the page.

    I am baffled.
    {{ DiscussionBoard.errors[2023292].message }}
  • Profile picture of the author indexphp
    The code is probably looking for the image at the wrong spot.

    <img src="<?php bloginfo('template_url'); ?>/images/ad1.png" />

    would result in... yourdomain.com/wp-content/themes/yourtheme/images/ad1.png

    make sure you have ad1.png actually there in that spot. Do the same for the button_r110_c6.png
    {{ DiscussionBoard.errors[2023310].message }}
  • Profile picture of the author Bryan Douglas
    Thanks indexphp. Yeah, I have the images in uploaded on the server. I think it has something to do with the layout or something. Whatever would take the body content and bump it down to the bottom of the page.

    * Edit, I believe the guy that created the template has them hosted somewhere. I just looked and don't see them uploaded in there.
    {{ DiscussionBoard.errors[2023386].message }}
    • Profile picture of the author indexphp
      Originally Posted by Bryan Douglas View Post

      Thanks indexphp. Yeah, I have the images in uploaded on the server. I think it has something to do with the layout or something. Whatever would take the body content and bump it down to the bottom of the page.
      not going to be able to help if you dont post a link dude. actually, nobody will be able to help

      EDIT: oh wait, its in your sig. Let me look at it
      {{ DiscussionBoard.errors[2023393].message }}
  • Profile picture of the author indexphp
    okay... looking at the code, it seems you screwed up a </div>. The way it is now, the CONTENT and Footer sections are nested within the sidebar. You need to move that block of code outside the sidebar.
    {{ DiscussionBoard.errors[2023422].message }}
  • Profile picture of the author Bryan Douglas
    INDEXPHP YOU ARE THE MAN! I think you saved me some grey hairs. Check your pm.
    {{ DiscussionBoard.errors[2023449].message }}

Trending Topics