soucis de PA.

[zazou974]

bonjour/bonsoir à tous

je suis en pleine construction de mon forum et je travaille actuellement sur ma PA. j'ai d'abord commencé par construire les différents cadres dans lesquels j'écrirais le contenu. problème : après avoir enregistré le début de mon travail, je me suis rendue compte que ma PA déformait mon forum. j'ai cherché d'où pouvait venir le problème et je n'ai pas réussi à trouver de quoi il s'agissait (bon, je vous accorde que je ne suis pas super douée en codage) donc voici un aperçu de ce que j'ai commencé : http://worldsonlips.forums-actifs.com/ . vous allez peut-être dire que ce n'est pas "si déformé" mais en fait à la base mon forum a une largeur de 50%. donc je vous poste à la suite le code de ma PA:

Code:

<div id="body"><table><tr><td><div class="cadregauchepa">petit bal
<br>lajehriae
<br>janeairj</div></td><td><div class="cadrecentrepa">jeakjrha<br>jzerauoier<br>jerhzieurh</div></td><td><div class="cadredroitepa">hebruezg<br>ekfpozrjf<br>ednjezk</div></td></tr></table></div>

et voici le css de celle-ci:

Code:

/*PA*/

#body {
  width; 500px; !important;}


/*GAUCHE*/
.cadregauchepa {
  width: 196px;
  height: 343px;
  background-color: #ffffff;
  padding: 5px;
  margin: 1px;
  position: left;}


/*CENTRE*/
.cadrecentrepa {
  width: 308px;
  height: 343px;
  background-color: #ffffff;
  margin: 1px;
  padding: 5px;
  position: center }

/*DROITE*/
.cadredroitepa {
  width: 215px;
  height: 343px;
  background-color: #ffffff;
  padding: 5px;
  margin: 1px;
  position: right; }

peut-être cela vient-il d'une erreur de code de ma part ? j'espère sincèrement que vous pourrez m'aider, merci d'avance. ♥

[Invité]

Coucou on ne vois pas tes code !

[zazou974]

effectivement, je ne vais pas avoir beaucoup d'aide si mes codes sont invisibles. j'ai enlevé les balises hide, merci. mon problème reste néanmoins d'actualité. (à)

[Automne]

Bonjour,

Esayez déjà de régler la largeur de votre tableau dans le css. Parce que vous donnez des largeurs plus grande que celle de votre forum a celle ci.
width: 215px;
width: 308px;
width: 196px;

Donc le tableau aura une largeur totale de 719px

[zazou974]

effectivement c'est beaucoup mieux, merci. **
néanmoins, je rencontre du coup un autre problème : mes colonnes de droite et de gauche sont vachement éloignées des bords droit et gauche de la cellule de la PA (oula, c'est compréhensible ça ? xD). j'ai essayé de faire varier les padding et margin mais ça n'a rien donné, ou alors je m'y suis mal prise.

[Automne]

Bonjour,

En fait vous voulez que le tableau donne sur toute la largeur de votre page acceuil?

Vous avez mis une classe pour chaque colonne dans le css, pourquoi, vous voulez que vos colonnes soit différente en taille, largeur .....?

[zazou974]

je crois que je m'explique pas bien, donc j'ai fait un schéma de ce que je voudrais comme rendu final. :


donc oui, j'aimerais que mes colonnes soient sur toute la largeur de la PA sans déformer le forum mais qu'elles soient de la même hauteur (pas forcément de la même largeur pour autant). je sais pas si je suis très claire (x

[Automne]

Comme répondu voici un tableau beaucou plus simple, deux colonnes de trois rangés et une colonne de deux rangées. Ensuite a vous de remplir. Le tableau prend toute la largeur width=100%

Code:

<table cellspacing="0" cellpadding="5" width=100%  border="1">
  <tr>
      <td>Les News</td>
      <td>ici une bannière</td>
      <td rowspan="2">Le Staff</td>
  </tr>

  <tr>
      <td>Les plus attendu </td>
      <td>ici le contexte</td>
  </tr>

  <tr>
      <td>Les partenaires</td>
      <td>navigation</td>
      <td>ici les credits</td>
  </tr>
</table>

[zazou974]

me revoilà déjà xD
j'ai cette fois-ci un soucis au niveau du défilement de mon texte dans la partie "les news" qui ne prends pas toute la largeur de mon cadre comme vous pouvez le voir : http://worldsonlips.forums-actifs.com/

voici donc le code html de ma PA:

Code:

<table cellspacing="0" cellpadding="5" width=100%  border="1">
  <tr>
      <td><div style="widht: 200px; height: 75px; text-align: justify; padding: 4px; background: #DED6B9; -moz-box-shadow:#000000 0px 0px 3px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;"><span class="titrepa">Les News</span><div style="height: 50px; width: 260px; margin-top: 10px; margin-left: 10px;" align="justify"><marquee direction="up" scrollamount="1" style="height: 50px;" onmouseover="this.stop();" onmouseout="this.start();"><div align="justify"><b>FIN MAI 2056</b>. La Révolte des Gobelins est terminée. Le Ministère a signé une alliance. Unis dans l'adversité. unis contre l'Organisation Secrète. Depuis le mois de Septembre, cette milice révolutionnaire a semé le trouble dans le monde des sorciers. Des terroristes. Responsables de la mort de milliers de personnes, ils se sont farouchement opposés au Tournoi des Trois Sorciers. Malheureusement, après avoir renversé le pouvoir, ne pouvant l'arrêter, ils décident de faire de la Troisième Tâche l'événement le plus traumatisant du siècle. La communauté magique ne tient plus qu'à un fil. Pourtant, il subsiste un espoir : la Résistance. Un season finale épique vous attend sur Vulnera Samento ! </div></marquee>
</div> </td>
      <td>ici une bannière</td>
      <td rowspan="2">Le Staff</td>
  </tr>
 
  <tr>
      <td>Les plus attendu </td>
      <td>ici le contexte</td>
  </tr>
 
  <tr>
      <td>Les partenaires</td>
      <td>navigation</td>
      <td>ici les credits</td>
  </tr>
</table>



encore désolé d'être aussi chiante mais je galère vraiment x)
merci d'avance

[Automne]

Bonjour,

Sur la première ligne <td></td> Remplacer par ceci.
Pour le défillement j'ai mis scrollamount="3" au lieu de 1 c'est se qui règle la vitesse. Pour la taille de votre tableau, je les est toute enlevés et l'ai mise seulement au début de la cellule du tableau. <td width=250px>. Puis il manqué une div non fermé </div>

Code:

<td width=250px><div style="height: 100px; text-align: justify; padding: 4px; background: #DED6B9; -moz-box-shadow:#000000 0px 0px 3px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;"><span class="titrepa">Les News</span><div style="height: 100px; margin-top: 10px; margin-left: 10px;" align="justify"><marquee direction="up" scrollamount="3" style="height: 70px;" onmouseover="this.stop();" onmouseout="this.start();"><div align="justify"><b>FIN MAI 2056</b>. La Révolte des Gobelins est terminée. Le Ministère a signé une alliance. Unis dans l'adversité. unis contre l'Organisation Secrète. Depuis le mois de Septembre, cette milice révolutionnaire a semé le trouble dans le monde des sorciers. Des terroristes. Responsables de la mort de milliers de personnes, ils se sont farouchement opposés au Tournoi des Trois Sorciers. Malheureusement, après avoir renversé le pouvoir, ne pouvant l'arrêter, ils décident de faire de la Troisième Tâche l'événement le plus traumatisant du siècle. La communauté magique ne tient plus qu'à un fil. Pourtant, il subsiste un espoir : la Résistance. Un season finale épique vous attend sur Vulnera Samento ! </div></marquee></div></div></td>