Problème d'alignement avec ma pa

3 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Problème d'alignement avec ma pa

Message par L0v3 Lun 26 Nov 2012 - 22:39

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. pale J'ai besoin de votre aide, merci d'avance Smile

Pa:



Dernière édition par L0v3 le Mar 27 Nov 2012 - 3:07, édité 2 fois
L0v3

L0v3
***

Féminin
Messages : 141
Inscrit(e) le : 02/01/2009

https://google.com
L0v3 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'alignement avec ma pa

Message par _backdraft_ Lun 26 Nov 2012 - 22:51

Bonsoir,

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

Merci.
_backdraft_

_backdraft_
Membre habitué

Masculin
Messages : 1509
Inscrit(e) le : 04/03/2010

http://www.caserne35.com
_backdraft_ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'alignement avec ma pa

Message par L0v3 Lun 26 Nov 2012 - 22:54

Voilà, mon forum test :



Merci Smile
L0v3

L0v3
***

Féminin
Messages : 141
Inscrit(e) le : 02/01/2009

https://google.com
L0v3 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'alignement avec ma pa

Message par _backdraft_ Lun 26 Nov 2012 - 22:56

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

_backdraft_
Membre habitué

Masculin
Messages : 1509
Inscrit(e) le : 04/03/2010

http://www.caserne35.com
_backdraft_ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'alignement avec ma pa

Message par L0v3 Lun 26 Nov 2012 - 23:02

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

L0v3
***

Féminin
Messages : 141
Inscrit(e) le : 02/01/2009

https://google.com
L0v3 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'alignement avec ma pa

Message par _backdraft_ Lun 26 Nov 2012 - 23:10

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
_backdraft_

_backdraft_
Membre habitué

Masculin
Messages : 1509
Inscrit(e) le : 04/03/2010

http://www.caserne35.com
_backdraft_ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'alignement avec ma pa

Message par L0v3 Lun 26 Nov 2012 - 23:16

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

L0v3
***

Féminin
Messages : 141
Inscrit(e) le : 02/01/2009

https://google.com
L0v3 a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Problème d'alignement avec ma pa

Message par _backdraft_ Lun 26 Nov 2012 - 23:32

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 Wink
_backdraft_

_backdraft_
Membre habitué

Masculin
Messages : 1509
Inscrit(e) le : 04/03/2010

http://www.caserne35.com
_backdraft_ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'alignement avec ma pa

Message par L0v3 Mar 27 Nov 2012 - 0:02

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 !
L0v3

L0v3
***

Féminin
Messages : 141
Inscrit(e) le : 02/01/2009

https://google.com
L0v3 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'alignement avec ma pa

Message par _backdraft_ Mar 27 Nov 2012 - 0:12

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

Cordialement
Backdraft
_backdraft_

_backdraft_
Membre habitué

Masculin
Messages : 1509
Inscrit(e) le : 04/03/2010

http://www.caserne35.com
_backdraft_ a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Problème d'alignement avec ma pa

Message par Scoubifitz Mar 27 Nov 2012 - 1:35

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>
Scoubifitz

Scoubifitz
Membre actif

Masculin
Messages : 3687
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'alignement avec ma pa

Message par L0v3 Mar 27 Nov 2012 - 2:16

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

L0v3
***

Féminin
Messages : 141
Inscrit(e) le : 02/01/2009

https://google.com
L0v3 a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum