Why Experts Exchange?

Experts Exchange always has the answer, or at the least points me in the correct direction! It is like having another employee that is extremely experienced.

Jim Murphy
Programmer at Smart IT Solutions

When asked, what has been your best career decision?

Deciding to stick with EE.

Mohamed Asif
Technical Department Head

Being involved with EE helped me to grow personally and professionally.

Carl Webster
CTP, Sr Infrastructure Consultant
Ask ANY Question

Connect with Certified Experts to gain insight and support on specific technology challenges including:

Professional Opinions
Ask a Question
Did You Know?

We've partnered with two important charities to provide clean water and computer science education to those who need it most. READ MORE

troubleshooting Question

How to fix a Three Pixel Text Jog on a Javascript script

Avatar of crankymoo
crankymooFlag for United Kingdom of Great Britain and Northern Ireland asked on
Web Languages and StandardsJavaScript
12 Comments1 Solution1026 ViewsLast Modified:
Hi, I have a three pixel text jog alert on some javascript in my webpage. It applies to the script underneath the gallery loads comment. See code. I have put the hollyhack for IE at the top to apply to divs, but how can you apply it to javascript. Hope you can help.
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<meta name="Description" content="your description goes here" />
<meta name="Keywords" content="your,keywords,goes,here" />
<meta name="author" content="Your Name / Original design: Andreas Viklund - http://andreasviklund.com/" />
<link rel="stylesheet" type="text/css" href="satori.css" />
<title>Satori Creative : Branding Portfolio</title>
<!--[if IE]>
<style type="text/css"> 
#containerPort, #FrogJS { zoom: 1;}
<script type="text/javascript" src="scripts/prototype.js">
<script type="text/javascript" src="scripts/scriptaculous.js?load=effects">
<script type="text/javascript" src="scripts/frog.js">
<script type="text/javascript">
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
<body onload="MM_preloadImages('navImages/brandingUp.png','navImages/graphicUp.png','navImages/websiteUp.png','navImages/portfolioUp.png','navImages/aboutUsUp.png','navImages/contactusUp.png','navImages/pricesUp.png','navImages/homeUp.png')">
<div id="containerPort">
  <div id="bottomNav"></div>
  <ul id="menuOuter">
    <li id="menu1"><a id="menuLink" href="#" name="menuLink"></a>
      <!--[if gte IE 7]><!--></a><!--<![endif]-->
      <!--[if lte IE 6]><table><tr><td><![endif]-->
        <a href="Branding.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('branding','','navImages/brandingUp.png',1)"><img src="navImages/branding.png" name="branding" width="216" height="40" border="0" id="branding" /></a><a href="Design.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('graphic','','navImages/graphicUp.png',1)"><img src="navImages/graphic.png" name="graphic" width="172" height="40" border="0" id="graphic" /></a><a href="WebDesign.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('website','','navImages/websiteUp.png',1)"><img src="navImages/website.png" name="website" width="172" height="40" border="0" id="website" /></a><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('portfolio','','navImages/portfolioUp.png',1)"><img src="navImages/portfolio.png" name="portfolio" width="120" height="40" border="0" id="portfolio" /></a><a href="aboutSatori.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('aboutUs','','navImages/aboutUsUp.png',1)"><img src="navImages/aboutUs.png" name="aboutUs" width="119" height="40" border="0" id="aboutUs" /></a><a href="ContactUs.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('contactUs','','navImages/contactusUp.png',1)"><img src="navImages/contactus.png" name="contactUs" width="132" height="40" border="0" id="contactUs" /></a><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('prices','','navImages/pricesUp.png',1)"><img src="navImages/prices.png" name="prices" width="91" height="40" border="0" id="prices" /></a><a href="index.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('home','','navImages/homeUp.png',1)"><img src="navImages/home.png" name="home" width="86" height="40" border="0" id="home" /></a>
      <!--[if lte IE 6]></td></tr></table></a><![endif]-->
  <!--[if lte IE 6]></td></tr></table></a><![endif]-->
  <div id="FrogJS"></a> <a href="images/AbbotStat.gif" title="Richard Abbot Logo and Stationery Pack"><img src="images/AbbotStat_thumb.gif" alt="Richard wanted to refresh his existing logo for his Your Way Forward business. <br />This logo reflects Richards business of Personal Development and Tarot Reading." /></a>
  <a href="images/Motherstat.gif" title="Mother and Baby Consultant Logo Design and Stationery"><img src="images/Motherstat_thumb.gif" alt="Jane wanted a logo to reflect her business as a Maternity Nurse. <br />She wanted a soft look using pinks and blues and was thrilled with the result. " /></a> 
  <a href="images/BingLogo.gif" title="BING - Business Improvement and Networking Group Branding"><img src="images/BingLogo_thumb.gif" alt="BING who are a networking group in Gloucestershire wanted a clean, <br />simple logo to portray a business feel." /></a> 
  <a href="images/Dawn.gif" title="Dawn Davies Holistic Therapist - Logo Design"><img src="images/Dawn_thumb.gif" alt="Dawn wanted to incorporate the Ds in her name with a holistic feel. <br />It also needed to be a logo which could be sewn onto T-shirts and caps." /></a>
  <a href="images/JoHale.gif" title="Jo Anne Hale - Therapeutic Dance and Movement - Logo and Stationery"><img src="images/JoHale_thumb.gif" alt="Jo has many forms of Dance she teaches, so portraying all of them in one logo was difficult. This logo reflects the music, movement and fun, appealing to both men and women." /></a> 
  <a href="images/Premier.gif" title="Premier Pampering Branding and Stationery"><img src="images/Premier_thumb.gif" alt="Rebecca who is Beauty and Holistic Therapist needed a logo to reflect both of these skills. Using her favourite colour turqoise, we came up with an image that reflects her business." /></a> 
  <a href="images/SallyLogo.gif" title="Sally Rosemary of Escential Health - Logo Design"><img src="images/SallyLogo_thumb.gif" alt="Sally runs Escential Health Holistic Therapies and needed her logo updating to compliment her expanding business." /></a>
  <a href="images/SarahLogo.gif" title="Sarah Holder, Shiatsu Practitioner - Logo Design"><img src="images/SarahLogo_thumb.gif" alt="I needed a logo to promote myself as a Shiatsu Practitioner. Being a Japanese therapy, <br />I felt drawn to using the Japanese symbol enso which embraces wholeness. <br />It is also the foundation of my Satori logo." /></a> 
  <a href="images/CrockettsCard.gif" title="Crockett Cresswell - Logo Design and Business Card"><img src="images/CrockettsCard_thumb.gif" alt="Crockett was looking for an image that showed how he worked as a healer with the energies within and around the body. He uses his logo to explain his techniques to clients." /></a>
  <a href="images/springbankStat.gif" title="Springbank Healing Centre - Logo Design and Stationery"><img src="images/springbankStat_thumb.gif" alt="The logo needed to express the brightness and vitality of good health, and also something to make it stand out from other therapy centres." /></a></div>
  <script type="text/javascript">
                        var ribbit = document.getElementById('FrogJS');
                        // Adds loading message to FrogJS DIV
                        ribbit.innerHTML += 'Please wait while gallery loads<br /><img src="images/loading.gif" />';
                        // Hides thumbnails while gallery loads
                        var anchors = ribbit.getElementsByTagName('a');
                        for (var i=0; i<anchors.length; i++){
                                anchors[i].style.display = 'none';
  <div id="sideNav">
 <li><a href="Branding.html" title="Satori Logo Design"><span>Logo Design</span></a></li>
      <li><a  class="current" href="BrandingPort.html" title="Satori Branding Portfolio"><span>Branding Portfolio</span></a></li>
<div id="footer">Copyright Satori Creative. All rights reserved | <a href="#">Home</a> | <a href="#">Sitemap</a> | <a href="#">XHTML</a> | <a href="#">CSS</a></div>
Avatar of Pawel Witkowski
Pawel WitkowskiFlag of Poland imageSenior Javascript Developer
This problem has been solved!
Unlock 1 Answer and 12 Comments.
See Answers