Problème d'alignement avec ma pa

[L0v3]

Bonjour,

J'ai un problème d'alignement avec ma pa. Je n'arrive pas à aligner correctement ''nos alliés'' et ''news''. Enfin, c'est le bas que je n'arrive pas à bien aligner, j'ai jou`avec les td, mais rien. J'ai besoin de votre aide, merci d'avance

Pa:

[_backdraft_]

Bonsoir,

Le liens du forum est nécessaire s'il vous plait.

Merci.

[L0v3]

Voilà, mon forum test :



Merci

[_backdraft_]

Merci, Vous voulez mettre "nos alliées" et "news" sur la même colonne c est bien ça ?

[L0v3]

Oui, enfin, qu'il soit aligné en bas, " face à face ". Comme tu peux le voir, c'est tout décaler. :-/

[_backdraft_]

Pour celà il faut que vous mettiez les 6 cellules dans le même tableau avec les 3 du haut dans une ligne et les trois du bas sur une autre ligne, comme ça ils s'aligneront automatiquement.

Vous y arriverez ou vous voulez de l'aide ?

Cordialement
Backdraft

[L0v3]

J'aimerais bien s'il vous plaît Je tente, mais en fait, je n'y arrive pas..

[_backdraft_]

Rebonsoir,

J'ai beau essayé vous avez trop de balises en vrac non refermé qui posent des problèmes, je vous proposes de garder la forme de votre page mais d'enlever toutes les balises (table, tr et td) et de tout reprendre.

Je vous exeplique les balises

Code:

<table></table>

Définissent les limites de votre tableau

Code:

<tr></tr>

Définissent une ligne, donc si vous ouvre un autre tr, il y aura un retour automatique à la ligne.

Code:

<td></td>

Définissent une cellule ces balises sont dans les "tr" et bien sur il peut y en avoir plusieurs par "tr".

Si vous ne comprenez toujours pas je vous le ferais.

Cordialement
Backdraft

PS : je travail tôt demain je pense que je finirais de vous aider demain

[L0v3]

J'ai tout retiré et j'ai tenté de placer, mais bon, je n'y arrive pas ..

Merci d'avance pour votre aide, c'est gentil !

[_backdraft_]

Rebonsoir, pouvez vous me donner le code sans les baisses svp. Je vous le ferais demain soir.

Cordialement
Backdraft

[Scoubifitz]

bonsoir,

Code:

<table>
  <tr>
    <td colspan="3">
      <center>
        <span class="titre4">TITRE</span>
        <div class="pa">« titre » </div>
        <div style="text-align: center;">
          <font style="font-family: TIMES NEW ROMAN; color: rgb(62, 68, 71); line-height: 18px;"><strong>ANNEXE ◇ BOTTIN ◇ PRÉDÉFINIS ◇ INVITÉS ◇ ALLIANCES</strong></font>
        </div>
      </center>
    </td>
  </tr>
  <tr>
    <td width="28%" valign="top"><div class="arthur">
      <center>
        <span class="titre2">king &amp; queen</span>
      <br><br>
      <a class="info"><img src="http://illiweb.com/fa/pbucket.gif" width="60px" height="60px" style="border-radius: 50px 50px 50px 50px;"><span><img src="http://24.media.tumblr.com/tumblr_ma626zXgp41rpg57to1_250.gif" width="120" border="0" alt="" /><br>Nom Nom<br> PROFIL • MP </span></a>
      <a class="info"><img src="http://illiweb.com/fa/pbucket.gif" width="60px" height="60px" style="border-radius: 50px 50px 50px 50px;"><span><img src="http://24.media.tumblr.com/tumblr_ma626zXgp41rpg57to1_250.gif" width="120" border="0" alt="" /><br>Nom Nom<br> PROFIL • MP </span></a></center></div>
    </td>
    <td width="40%" valign="top">
      <div style="height:110px;overflow:auto;text-align:justify;padding:10px;">Dumque ibi diu moratur commeatus opperiens, quorum translationem ex Aquitania verni imbres solito crebriores prohibebant auctique torrentes, Herculanus advenit protector domesticus, Hermogenis ex magistro equitum filius, apud Constantinopolim, ut supra rettulimus, populari quondam turbela discerpti. quo verissime referente quae Gallus egerat, damnis super praeteritis maerens et futurorum timore suspensus angorem animi quam diu potuit emendabat. <strong><a href= link>lire la suite.</a></strong></div>
    </td>
    <td valign="top">
      <div class="arthur">
        <center>
          <span class="titre2">news</span>
        </center><br>
        <center><strong>xx/xx/2013 △</strong> Cras ut neque ac. <br>
          <strong>xx/xx/2013 △</strong> Cras ut neque ac. <br>
          <strong>xx/xx/2013 △</strong> Cras ut neque ac. <br>
          <strong>xx/xx/2013 △</strong> Cras ut neque ac.
        </center><br><br>
      </div>
    </td>
  </tr><tr>
  <td valign="top"><div class="arthur"><center><span class="titre2">prédéfinis</span><br><br>
      <a href="https://www.google.com"><img src="http://illiweb.com/fa/pbucket.gif" width="45px" height="45px" style="border-radius: 30px;"></a>
      <a href="https://www.google.com"><img src="http://illiweb.com/fa/pbucket.gif" width="45px" height="45px" style="border-radius: 30px;"></a>
      <a href="https://www.google.com"><img src="http://illiweb.com/fa/pbucket.gif" width="45px" height="45px" style="border-radius: 30px;"></a>  <br>
      <a href="https://www.google.com"><img src="http://illiweb.com/fa/pbucket.gif" width="45px" height="45px" style="border-radius: 30px;"></a>
      <a href="https://www.google.com"><img src="http://illiweb.com/fa/pbucket.gif" width="45px" height="45px" style="border-radius: 30px;"></a>
      <a href="https://www.google.com"><img src="http://illiweb.com/fa/pbucket.gif" width="45px" height="45px" style="border-radius: 30px;"></a>
    </center>
    </div>
  </td>
  <td valign="top">
    <div class="arthur">
    <center>
    <span class="titre2">news</span>
    </center><br>
    <center>
      <strong>xx/xx/2013 △</strong> Nouvelles. Nouvelles. <br>
      <strong>xx/xx/2013 △</strong> Nouvelles. Nouvelles. <br>
      <strong>xx/xx/2013 △</strong> Nouvelles. Nouvelles. <br>
      <strong>xx/xx/2013 △</strong> Nouvelles. Nouvelles. <br>
      </center>
    </div>
  </td>
  <td valign="top"><div class="arthur">
    <center>
      <span class="titre2">nos alliés</span><br><br>
      <a href="https://www.google.com"><img src="http://illiweb.com/fa/pbucket.gif" width="45px" height="45px" style="border-radius: 30px;"></a>
      <a href="https://www.google.com"><img src="http://illiweb.com/fa/pbucket.gif" width="45px" height="45px" style="border-radius: 30px;"></a>
      <a href="https://www.google.com"><img src="http://illiweb.com/fa/pbucket.gif" width="45px" height="45px" style="border-radius: 30px;"></a>  <br>
      <a href="https://www.google.com"><img src="http://illiweb.com/fa/pbucket.gif" width="45px" height="45px" style="border-radius: 30px;"></a>
      <a href="https://www.google.com"><img src="http://illiweb.com/fa/pbucket.gif" width="45px" height="45px" style="border-radius: 30px;"></a>
      <a href="https://www.google.com"><img src="http://illiweb.com/fa/pbucket.gif" width="45px" height="45px" style="border-radius: 30px;"></a>
    </center>
    </div>
  </td>
</tr>
</table>

[L0v3]

C'est exactement ce que je voulais, merci beaucoup ! et à vous deux