Hi Everyone.

 

If some one could help me out on this I would really appreciate it. I seem to be having an absolute nightmare with Javascript.

 

I have set a Wordpress blog on my hosts server, and have it all installed and working fine. I then created a template in PS and tried leaning to cut it, (did not workout to well) so I ended up ditching half the design to use an automated online converter. Although very good, I don't have the skills in Web design to resolve it.

 

Problem is, I get the blog up and running, and then attached some Javascript to an email icon for emailing to a friend (script came from FreeTellaFriend dot com) and I really like the way it opens a new window and the set up, but for some reason, it has moved the email icon to the next line. I just cant get it to move back.

 

I have exactly the same issue with the facebook like button on my actual web site where it moved all the nav bar and header out of place. Only that time I wasn't cleaver enough to make a backup of the templates first.

 

If someone could help me out with this I would really appreciate it, but please go easy on my as I know very little HTML, no CSS and definitely no Javascript.

 

The blog is www {dot} gogood {dot} co {dot} uk / blog / brokencomputers

 

and the site is gogood {dot} co {dot} uk

 

Please forgive the lack of hyperlinks. Not sure what the rules are here for posting live links.

 

Kind Regards,

 

Kev.

You'd be better off posting the code here for us to have a look at.

 

Also online converters = cack.

You'd be better off posting the code here for us to have a look at.

 

Also online converters = cack.

 

Agreed, but my HTML, CSS and Java are even worse

 

This are getting even worse over there, none of the links work correctly and the "read more" button take me no where. I should be able to deal with them, its just this JS that is killing me.

 

Not sure how much of this code you wanted so am trying to include most of the relevant section. Please let me know of you need more.

 

Thanks for the reply

 

 

  <!-- This is 'Layer 3' -->
   <div id="Layer-14" class="Layer 3"  >
     <img src="<?php bloginfo('template_url'); ?>/Layer-14.png" width="913" height="96" alt="Layer 3" class="pngimg" />
     <!-- This is 'rss_link' -->
     <div id="Layer-20" class="rss link"  >
       <a href="http://www.gogood.co.uk/blog/brokencomputers/feed"><img src="<?php bloginfo('template_url'); ?>/Layer-20.png" width="62" height="57" alt="rss" class="pngimg" border="0" /></a></div>

     <!-- FreeTellaFriend BEGIN -->
<script type="text/javascript">
(function() {
var s=document.createElement('script');s.type='text/javascript';s.async = true;
s.src='http://serv1'+'.freetellafriend.com/share_addon.js';
var j =document.getElementsByTagName('script')[0];j.parentNode.insertBefore(s,j);
})();
</script>

<a href="http://www.freetellafriend.com/?share" title="Share" onclick="return sa_tellafriend('','email')"><img alt="Share" src="<?php bloginfo('template_url'); ?>/Layer-19.png" border="0" /></a>
<!-- FreeTellaFriend END -->
     <!-- This is 'facebook_link' -->
     <div id="Layer-18" class="facebook link"  >
       <a href="http://www.facebook.com/pages/Go-Good-It-Solutions/108105799291184?sk=wall"target="_blank"><img src="<?php bloginfo('template_url'); ?>/Layer-18.png" width="62" height="67" alt="facebook" class="pngimg" border="0" /></a></div>

     <!-- This is 'twitter_link' -->
     <div id="Layer-17" class="twitter link"  >
       <a href="http://twitter.com/#!/gogoodit"target="_blank"><img src="<?php bloginfo('template_url'); ?>/Layer-17.png" width="65" height="71" alt="twitter" class="pngimg" border="0" /></a></div>

     <!-- This is 'Go Good Broken Computers copy' -->
     <div id="Layer-15" class="Go Good Broken Computers copy"  >
       <img src="<?php bloginfo('template_url'); ?>/Layer-15.png" width="386" height="49" alt="Go Good Broken Computers copy" class="pngimg" /></div>

   </div>

 

Thanks Again