Bonjour!

Décidément, en ces temps de fête, j'ai pas mal de problèmes en matière de codes. Cette fois-ci, c'est mon code qui dépasse de façon bizarre.

Voici mon code :

Code:

<center><img src="http://imageup.fr/uploads/1356890707.png"/><div class="soap"><span class="co1">NOM</span> <span class="co2">PRÉNOM</span> <div style="border-top: 3px double #D3D3D3;"></div>

mise en page d'une carte d'identité ici
mise en page d'une carte d'identité ici
mise en page d'une carte d'identité ici
</div></center>

Et voici un aperçu de ce que ça donne lorsque je prévisualise :

Spoiler:

Comme vous pouvez le constater, il dépasse de la zone prévue. Quelle est mon erreur? Ou peut-être est-ce un bug forumactif?

Bonsoir !

A ta div, tu devrais lui appliquer une longueur. Comme ça, ton texte passera en entier.

Cordialement,

Bonsoir.

Peut-on voir le CSS associé ?
As-tu opéré des changements dans les templates ? Y a-t-il un code dans la signature du compte avec lequel tu testes ?

Autres remarques, la balise <center> est désuète. Tu devrais la remplacer par une div dotée de la classe "center". Enfin, quitte à utiliser les classes, tu devrais faire de même pour la div avec le border-top.

Code:

.soap{
  background-color: #DCDCDC;
  width:490px;
  height: 50px;
  border-left: 5px solid #6495ED;
  border-right: 5px solid #8FBC8F;
  font-size:20px;
  display: block;
}

Code:

.co1{
  color: #F0E68C;
  font-size:20px;
  font-align: center
}

Code:

.co2{
  color: #FFF8DC;
  font-size:20px;
  font-align: center
}

voilà pour le css associé.
j'ai en effet modifié le Template, j'ai installé un système de compteur de mots, il implique d'autres Templates mais je doute que ce soit utile de les montrer!

il n'y a pas de code dans la signature du posteur!
et merci pour les conseils vis à vis de la balise center, je tâcherais d'y remédier

EDIT: je viens de remarquer qu'il y a une hauteur de 50px imposée pour la div " soap ", j'y ai remédié et tout marche merci énormément pour votre aide!

Hello,

Ton problème est-il résolu du coup ?
Merci de l'indiquer dans le titre du sujet !

Bonne journée,

Hello,

Je te signale que la propriété font-align: center n'existe pas '_' Tu ne voulais pas plutôt écrire text-align ? Par ailleurs, on ne peut de toute façon pas aligner horizontalement un élément de type inline (donc soit tu rajoutes un display:block pour .co1 et .co2, soit tu remplaces les <span> associés par des <div>)

Et sinon, j'appuie la remarque de Doare :

Citation :

Enfin, quitte à utiliser les classes, tu devrais faire de même pour la div avec le border-top

Bonsoir !

Malgré la relance, nous n'avons toujours pas de nouvelles. J'image que le problème et abandonné ou résolu et j'archive.

Cordialement,