soucis de PA.

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

Résolu soucis de PA.

Message par zazou974 le Sam 25 Fév 2012 - 14:52

bonjour/bonsoir à tous Very Happy

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. Smile 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. ♥ Smile


Dernière édition par zazou974 le Dim 26 Fév 2012 - 18:13, édité 2 fois

zazou974
Nouveau membre

Féminin
Messages : 28
Inscrit(e) le : 08/10/2011

http://deadlydisaster.frbb.net/
zazou974 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: soucis de PA.

Message par Invité le Dim 26 Fév 2012 - 5:34

Coucou on ne vois pas tes code Wink !

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: soucis de PA.

Message par zazou974 le Dim 26 Fév 2012 - 11:33

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

zazou974
Nouveau membre

Féminin
Messages : 28
Inscrit(e) le : 08/10/2011

http://deadlydisaster.frbb.net/
zazou974 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: soucis de PA.

Message par Automne le Dim 26 Fév 2012 - 12:04

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

Automne
+ Hyperactif +

Messages : 8423
Inscrit(e) le : 22/03/2010

http://gilles570.forumactif.info/
Automne a été remercié(e) par l'auteur de ce sujet.

Résolu Re: soucis de PA.

Message par zazou974 le Dim 26 Fév 2012 - 12:32

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. Confused

zazou974
Nouveau membre

Féminin
Messages : 28
Inscrit(e) le : 08/10/2011

http://deadlydisaster.frbb.net/
zazou974 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: soucis de PA.

Message par Automne le Dim 26 Fév 2012 - 14:48

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 .....?


Automne
+ Hyperactif +

Messages : 8423
Inscrit(e) le : 22/03/2010

http://gilles570.forumactif.info/
Automne a été remercié(e) par l'auteur de ce sujet.

Résolu Re: soucis de PA.

Message par zazou974 le Dim 26 Fév 2012 - 15:50

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

zazou974
Nouveau membre

Féminin
Messages : 28
Inscrit(e) le : 08/10/2011

http://deadlydisaster.frbb.net/
zazou974 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: soucis de PA.

Message par Automne le Dim 26 Fév 2012 - 16:39

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>


Automne
+ Hyperactif +

Messages : 8423
Inscrit(e) le : 22/03/2010

http://gilles570.forumactif.info/
Automne a été remercié(e) par l'auteur de ce sujet.

Résolu Re: soucis de PA.

Message par zazou974 le Dim 26 Fév 2012 - 18:17

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 Smile

zazou974
Nouveau membre

Féminin
Messages : 28
Inscrit(e) le : 08/10/2011

http://deadlydisaster.frbb.net/
zazou974 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: soucis de PA.

Message par Automne le Dim 26 Fév 2012 - 20:00

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>

Automne
+ Hyperactif +

Messages : 8423
Inscrit(e) le : 22/03/2010

http://gilles570.forumactif.info/
Automne 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