L'alignement du texte

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

Résolu L'alignement du texte

Message par Nivek075 le Ven 17 Juin 2011 - 13:49

Bonjour à tous,

Il y a 3 semaines environ, j'ai posté un message à propos du profil, le voici : http://forum.forumactif.com/t305196-profil-dans-les-messages. Malheureusement étant clos, je dois en ouvrir un second. Veuillez m'en excuser. Confused

Je reviens donc sur le problème, c'est-à-dire que cette fois-ci c'est le texte qui sort du cadre, voir photo ci-dessous. J'aimerai que le texte ne sorte pas du cadre quand je clique sur "Afficher les profil".


Voici la partie de code HTML concernée :
Code:
<div onClick="this.firstChild.src=(this.firstChild.src=='http://i29.servimg.com/u/f29/14/59/60/98/bouton10.png')?'http://i29.servimg.com/u/f29/14/59/60/98/bouton11.png':'http://i29.servimg.com/u/f29/14/59/60/98/bouton10.png';this.lastChild.style.display=(this.firstChild.src=='http://i29.servimg.com/u/f29/14/59/60/98/bouton10.png')?'none':'block';" style="text-align: center; padding: 3px;"><input type="image" src="http://i29.servimg.com/u/f29/14/59/60/98/bouton10.png"/><div style="display: auto; text-align: justify;"><span style="white-space:nowrap;"><div class="cadreprofil"><!-- BEGIN profile_field -->
            {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
            <!-- END profile_field --></div>

Voici la partie de code CSS concernée :
Code:
.cadreprofil {
display: block;
text-align: center;
width: 178px;
border : 1px dotted #000000 ;
-moz-border-radius: 5px 5px 5px 5px;
padding: 2px;
background-image:url(monimage.jpg);
}

Je vous remercie par avance.
Amicalement, Nivek075 Wink


Dernière édition par Nivek075 le Lun 27 Juin 2011 - 16:42, édité 2 fois

Nivek075
***

Masculin
Messages : 160
Inscrit(e) le : 16/09/2007

http://www.kohhlanta.net/
Nivek075 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: L'alignement du texte

Message par Invité le Ven 17 Juin 2011 - 14:11

Bonjour,

Essayez en retirant ceci dans votre code:
Code:
<span style="white-space:nowrap;">
J'ai cherché le </span> qui ferme ce span, mais je ne l'ai pas vu dans la partie que vous donnez.

Cordialement.

Invité
Invité


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

Résolu Re: L'alignement du texte

Message par Anzu le Ven 17 Juin 2011 - 14:12

Bonjour,

Il suffit de retirer la largeur:

width: 178px;

Ou de mettre un min width Wink

Cordialement.


Isolde: +1 aussi XD

Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

http://forum.forumactif.com/forum
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: L'alignement du texte

Message par Nivek075 le Ven 17 Juin 2011 - 16:02

Re,

Je vous remercie de m'avoir apporté de l'aide. J'ai enlevé le "Span" qu'Isolde m'a dit ! Et ça fonctionne.

Maintenant, j'ai comment dire un second soucis, c'est-à-dire que les informations apparaissent dès que l'on arrive sur la page, j'aimerai si possible qu'elles ne s'affichent pas dès que l'on arrive dessus.

Je vous remercie de l'aide que l'on pourra m'apporter.

Amicalement, Nivek075 Wink

Nivek075
***

Masculin
Messages : 160
Inscrit(e) le : 16/09/2007

http://www.kohhlanta.net/
Nivek075 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: L'alignement du texte

Message par Nivek075 le Sam 18 Juin 2011 - 16:50

Un petit UP, s'il vous plaît. Wink

Nivek075
***

Masculin
Messages : 160
Inscrit(e) le : 16/09/2007

http://www.kohhlanta.net/
Nivek075 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: L'alignement du texte

Message par Nivek075 le Dim 19 Juin 2011 - 18:31

Un nouveau UP, merci .

Nivek075
***

Masculin
Messages : 160
Inscrit(e) le : 16/09/2007

http://www.kohhlanta.net/
Nivek075 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: L'alignement du texte

Message par Invité le Lun 20 Juin 2011 - 9:57

Bonjour,

Essayez avec ce code:
Code:
<div><input type="image" src="http://i29.servimg.com/u/f29/14/59/60/98/bouton10.png"  onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = '';        this.innerText = ''; this.src = 'http://i29.servimg.com/u/f29/14/59/60/98/bouton11.png'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.src = 'http://i29.servimg.com/u/f29/14/59/60/98/bouton10.png'; }" /></div><div  class="cadreprofil"><div style="display: none !important;">
<!-- BEGIN profile_field -->
            {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
            <!-- END profile_field --></div></div>

Cordialement.

Invité
Invité


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

Résolu Re: L'alignement du texte

Message par Nivek075 le Lun 20 Juin 2011 - 22:21

Bonsoir,

Merci de vous être penché sur mon soucis, je suis désolé, le code que vous m'avez donné ne fait plus apparaître les informations quand on arrive sur la page, mais quand on clique sur "Afficher le profil", ça n'apparaît plus. Neutral

Merci d'avance,
Amicalement, Nivek075

Nivek075
***

Masculin
Messages : 160
Inscrit(e) le : 16/09/2007

http://www.kohhlanta.net/
Nivek075 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: L'alignement du texte

Message par Nivek075 le Mer 22 Juin 2011 - 20:09

Up s'il vous plaît. Merci Wink

Nivek075
***

Masculin
Messages : 160
Inscrit(e) le : 16/09/2007

http://www.kohhlanta.net/
Nivek075 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: L'alignement du texte

Message par Nivek075 le Ven 24 Juin 2011 - 11:53

Un petit UP s'il vous plaît.

Nivek075
***

Masculin
Messages : 160
Inscrit(e) le : 16/09/2007

http://www.kohhlanta.net/
Nivek075 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: L'alignement du texte

Message par Nivek075 le Dim 26 Juin 2011 - 12:12

UP s'il vous plaît. Wink

Nivek075
***

Masculin
Messages : 160
Inscrit(e) le : 16/09/2007

http://www.kohhlanta.net/
Nivek075 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: L'alignement du texte

Message par Invité le Dim 26 Juin 2011 - 14:41

Bonjour,

Désolée pour l'attente, voici un autre essai:
Code:
<div onClick="this.firstChild.src=(this.firstChild.src=='http://i29.servimg.com/u/f29/14/59/60/98/bouton10.png')?'http://i29.servimg.com/u/f29/14/59/60/98/bouton11.png':'http://i29.servimg.com/u/f29/14/59/60/98/bouton10.png';this.lastChild.style.display=(this.firstChild.src=='http://i29.servimg.com/u/f29/14/59/60/98/bouton10.png')?'none':'block';" style="text-align: center; padding: 3px;"><input type="image" src="http://i29.servimg.com/u/f29/14/59/60/98/bouton10.png"/><div style="display: none; text-align: left;"><!-- BEGIN profile_field -->
            {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
            <!-- END profile_field --></div></div>

Normalement ça fonctionne Wink .

Cordialement.

Invité
Invité


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

Résolu Re: L'alignement du texte

Message par Nivek075 le Lun 27 Juin 2011 - 16:41

Bonjour Isolde,

Cette fois ci ça marche très bien, je vous remercie beaucoup : de l'attention que vous m'avez porté.

Bonne fin de journée !
Cordialement, Nivek075 Wink

Nivek075
***

Masculin
Messages : 160
Inscrit(e) le : 16/09/2007

http://www.kohhlanta.net/
Nivek075 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