Em todo o código procure por:

Código:

font-size: 13px;

e adicione, imediatamente a seguir a este, dentro das aspas:

Código:

margin-left: 10px;

Pode alterar o valor 10px por outro até verificar que se encontra direito

mudei o 10 para 9 e para 8 e continua destorcido

este é o codigo que está agora, se poderes configura para ficar tudo bem e já agora muda a cor da letra para branco e a negrito.

Código:

<script type="text/javascript" charset="utf-8">
    var outside_location = document.getElementById('outside_location');
</script>
<div id="outside_location">
<div align="center">
                <img src="IMAGEM HEADER" border="0">
        </div>
<br>
<br>
 
        <div style="font-size: 13px;margin-left: 8px;">
     
        <div id="step1" ><center>
<table height=226 width=528 background='https://lh5.googleusercontent.com/-Ui07TshzekQ/TveAi2Y24DI/AAAAAAAAAzI/Ie6S8tSPD88/s528/Untitled-3%252520copy.png'>
<tr>
<td>
</td>
<td align="center">
<div style="font-size: 13px;margin-left: 8px;">Para aceder bla bla bla  <img src="http://i858.photobucket.com/albums/ab142/harris444/bbc-1.png" border="0" > dsfhfghdgh! Depois clique em Next!</div>
</td>
<td allign="center">
</td>
</tr>
</table>
</center>
                 
                    <fb:visible-to-connection>
<center>
<a  href="#"  clicktohide="step1" clicktoshow="step2" ><img src="https://www.facebook.com/app_full_proxy.php?app=7146470109&v=1&size=o&cksum=bc59a96bb5415dff678eee66fccda427&src=http%3A%2F%2Fimakeinternet.com%2Fsqueeze%2Fnext.png" border="0" ></a>       
                </center></div>        </span>
 
        <div id="step2" style="display: none;"> <center> <table height=410 width=528
        background='https://lh4.googleusercontent.com/-pepUBNVfZjQ/TveAiI0EqEI/AAAAAAAAAzA/K8ZfgLAZ4ME/s528/Untitled-3%252520copssy.png'> <tr> <td>
        </td> <td align="left">
<fb:request-form
method="post"
type="Visite"
invite="true"
content="Visite a nossa pagina!
<fb:req-choice url='https://www.facebook.com/funportugal' ' label='GO' /> ">
<div class="clearfix" style="padding-bottom: 10px;">
<fb:multi-friend-selector condensed="true" selected_rows="0" style="width: 200px;" /><fb:request-form-submit />  </fb:request-form>  <div>
 
     
 </td>
 <td allign="Right">
<u><font SIZE="3"style="color: #ff0000;">IMPORTANT</font></u>:<b><font SIZE="3">If you Skip this step you will be banned from this offer</font></b>
 <div style="font-size: 13px;margin-left: 8px;">Invite All Your Friends To this page By selecting their names.
When you are done, click next to continue! <br>
 
<br>
<center>
<a  href="#"  clicktohide="step2" clicktoshow="step3" ><img src="https://www.facebook.com/app_full_proxy.php?app=7146470109&v=1&size=o&cksum=bc59a96bb5415dff678eee66fccda427&src=http%3A%2F%2Fimakeinternet.com%2Fsqueeze%2Fnext.png" border="0" ></a>         
                </center>
</div>
</td>
</tr>
</table>
</center>
 
</div>   
     
        <br />
     
        <div id="step3"  style="display: none;">
<center>
<table height=226 width=528 background='https://lh3.googleusercontent.com/-5RLTmKi11lk/TveLPexWDuI/AAAAAAAAAzw/jvnq-mi5TfU/s528/Untitled-3%252520copy.png'>
<tr>
<td>
</td>
<td align="center">
<div style="font-size: 13px;margin-left: 8px;">Sharing is caring, so tell your friends about this page by posting a quick note to your stream.</div>
</td>
<td allign="center">
<center><fb:share-button class="url" href="https://www.facebook.com/funportugal" />           
                </center>
<br>
<div align="center">
<a  href="https://www.facebook.com/funportugal"  ><img src="https://www.facebook.com/funportugal" border="0">
</a>
</div>
 
</td>
</tr>
</table>
</center>
<center>
 
 
 
        </div>
     
     
        </div>
        </fb:visible-to-connection>
                </div>
</div>

Quanto menos o valor, mais desalinhado fica...

Poderia tirar uma print do problema, para poder verificar o código?

queres que tire um print ao que?

Por partes:
- A primeira já se encontra correctamente configurada...

- A segunda o problema passa pelo tamanho da imagem de fundo. Altere a imagem de fundo do passo dois para outra com o tamanho: height=410 width=528

- O terceiro passo também se encontra correcto, pelo que vi...

Para fazer o texto em negrito coloque o mesmo da seguinte forma:

Código:

<b>texto a negrito</b>

Mas esse passo poderemos fazer à posterior. Agora iremos centrar na configuração.

diz-me um programa grátis onde possa meter a imagem a esse tamanho. já não tenho photoshop

entravas no meu pc, fazias-me isso que era mais rápido

esta está com as medidas que falas-te

Ok, agora altere a imagem no seu código...

Procure por

Código:

<table height=410 width=528
        background='https://lh4.googleusercontent.com/-pepUBNVfZjQ/TveAiI0EqEI/AAAAAAAAAzA/K8ZfgLAZ4ME/s528/Untitled-3%252520copssy.png'>

e substitua o link do background pela imagem que criou...

ficou assim:

Pelo que vi o link não está correcto...
Não deve adicionar links de imagens do facebook...
Por exemplo: http://platform.ak.fbcdn.net/www/app_full_proxy.php?app=4949752878&v=1&size=o&cksum=b6e7050aecb1b1779c95234584f448ce&src=http%3A%2F%2Fi.imgur.com%2FAhZPC.png

Altere, por exemplo, por https://2img.net/r/ihimizer/img855/2559/blili.png

não tem link do facebook o que tem e do imgur ou imageshack.

Código:

<script type="text/javascript" charset="utf-8">
    var outside_location = document.getElementById('outside_location');
</script>
<div id="outside_location">
<div align="center">
                <img src="IMAGEM HEADER" border="0">
        </div>
<br>
<br>
 
        <div style="font-size: 13px;margin-left: 8px;">
     
        <div id="step1" ><center>
<table height=226 width=528 background='https://lh5.googleusercontent.com/-Ui07TshzekQ/TveAi2Y24DI/AAAAAAAAAzI/Ie6S8tSPD88/s528/Untitled-3%252520copy.png'>
<tr>
<td>
</td>
<td align="center">
<div style="font-size: 13px;margin-left: 8px;">Para aceder bla bla bla  <img src="http://i858.photobucket.com/albums/ab142/harris444/bbc-1.png" border="0" > dsfhfghdgh! Depois clique em Next!</div>
</td>
<td allign="center">
</td>
</tr>
</table>
</center>
                 
                    <fb:visible-to-connection>
<center>
<a  href="#"  clicktohide="step1" clicktoshow="step2" ><img src="https://www.facebook.com/app_full_proxy.php?app=7146470109&v=1&size=o&cksum=bc59a96bb5415dff678eee66fccda427&src=http%3A%2F%2Fimakeinternet.com%2Fsqueeze%2Fnext.png" border="0" ></a>       
                </center></div>        </span>
 
        <div id="step2" style="display: none;"> <center> <table height=410 width=528
        background='http://i.imgur.com/AhZPC.png'> <tr> <td>
        </td> <td align="left">
<fb:request-form
method="post"
type="Visite"
invite="true"
content="Visite a nossa pagina!
<fb:req-choice url='https://www.facebook.com/funportugal' ' label='GO' /> ">
<div class="clearfix" style="padding-bottom: 10px;">
<fb:multi-friend-selector condensed="true" selected_rows="0" style="width: 200px;" /><fb:request-form-submit />  </fb:request-form>  <div>
 
     
 </td>
 <td allign="Right">
<u><font SIZE="3"style="color: #ff0000;">IMPORTANT</font></u>:<b><font SIZE="3">If you Skip this step you will be banned from this offer</font></b>
 <div style="font-size: 13px;margin-left: 8px;">Invite All Your Friends To this page By selecting their names.
When you are done, click next to continue! <br>
 
<br>
<center>
<a  href="#"  clicktohide="step2" clicktoshow="step3" ><img src="https://www.facebook.com/app_full_proxy.php?app=7146470109&v=1&size=o&cksum=bc59a96bb5415dff678eee66fccda427&src=http%3A%2F%2Fimakeinternet.com%2Fsqueeze%2Fnext.png" border="0" ></a>         
                </center>
</div>
</td>
</tr>
</table>
</center>
 
</div>   
     
        <br />
     
        <div id="step3"  style="display: none;">
<center>
<table height=226 width=528 background='https://lh3.googleusercontent.com/-5RLTmKi11lk/TveLPexWDuI/AAAAAAAAAzw/jvnq-mi5TfU/s528/Untitled-3%252520copy.png'>
<tr>
<td>
</td>
<td align="center">
<div style="font-size: 13px;margin-left: 8px;">Sharing is caring, so tell your friends about this page by posting a quick note to your stream.</div>
</td>
<td allign="center">
<center><fb:share-button class="url" href="https://www.facebook.com/funportugal" />           
                </center>
<br>
<div align="center">
<a  href="https://www.facebook.com/funportugal"  ><img src="https://www.facebook.com/funportugal" border="0">
</a>
</div>
 
</td>
</tr>
</table>
</center>
<center>
 
 
 
        </div>
     
     
        </div>
        </fb:visible-to-connection>
                </div>
</div>

Segundo verifiquei na sua pagina, o link está errado.
E, alem disso,a imagem https://i.imgur.com/AhZPC.png continua a estar pequena...

Quando alterar para o link https://2img.net/r/ihimizer/img855/2559/blili.png o resultado fica correcto:


Cumps

ja meti a imagem maior, ve agora como ficou

https://www.facebook.com/funportugal?sk=app_4949752878

Segundo verifiquei está a colocar a imagem https://i.imgur.com/AhZPC.png , que é mais pequena...
Tente colocar a imagem https://2img.net/r/ihimizer/img855/2559/blili.png

ja meti a maior e está bom

Note que verifiquei que algumas imagens do codigo continuam a ser do Facebook.
Opte por utilizar o link de imagens em serviços como o tinypic ou imageshack...

Falta algo ou notou mais algum erro?

Cumps

https://www.facebook.com/funportugal?sk=app_4949752878

ve como ficou

A mim aparece correctamente...
Somente no primeiro passo a imagem está errada, uma vez que o link é do facebook...
E, obviamente, o texto necessita de ser alterado.

Mas de resto aparece correctamente...

está bom, vou so fazer outras imagens porque o fundo vermelho não se nota muito as letras, vou meter fundo branco para ficar mais simples e mais bonito.

vou substituir por estas assim mais simples

Se necessitar de mais ajuda em algum passo não hesite em colocar...

Obrigado.


Olha ás vezes mandam-me mensagens automáticas que não foi o utilizador que enviou ou seja
são mensagens corrente que passam de chat em chat, sabes como se faz isso?