Je bloque sur un texte ...

Résolu
Legrandfifou Messages postés 109 Date d'inscription   Statut Membre Dernière intervention   -  
Pitet Messages postés 2826 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour,
je suis actuellement entrain de créer mon espace commentaire mais je bloque sur quelque chose de tout bête j'en suis sur, aussi bête que je n'arrive pas à m'en débarrasser ...

Voilà dans mon espace commentaire mon texte dépasse de la case j'ai essayé avec un texte de type : 
Exsecratione Theophilum dignus innoxius isdem et isdem cunctorum quod insontem atrox interceperat publico diebus Theophilum non innoxius quod quod acciderat innoxius insontem Theophilum diebus casus Serenianus diebus atrox publico modo malum et casus ....


Et le texte dépasse du div , même avec un word-wrap: break-word; rien ne va je n'arrive pas à résoudre celà alors que mon div PARENT est à width: 99%; et même en mettant un width plus petit rien n'y fais .. Je ne comprend pas .. 

 while($donnees_coms_affichage = $req_coms->fetch())
                  {

                  
                     $pseudo_com = $donnees_coms_affichage['pseudo'];
             $affichage_com = $donnees_coms_affichage['commentaires'];
             $profile_com = $donnees_coms_affichage['image'];
              
                      echo "
                       <div class='affichage_com_css'>
                      <img src='membres/avatar/".$profile_com."'>
                      <div class='affichage_commentaire_pseudo'><a href=profile.php?pseudo=".$pseudo_com.">".$pseudo_com."</a></div>
                      <div class='affichage_commentaire_com'>".$affichage_com."</div>
                      <br />
                        </div>
                     

                       ";



                  }


C'est dans la partie 
<div class='affichage_commentaire_com'>".$affichage_com."</div>



Merci à ceux qui m'aideront :/

2 réponses

Réponse 1 / 2
animostab Messages postés 2829 Date d'inscription   Statut Membre Dernière intervention   738
 
Salut sans le css difficile a dire, déjà si tu mettais affichage commentaire dans une balise <p></p>
ensuite le reste on est pas devin donc css merci
1
Legrandfifou Messages postés 109 Date d'inscription   Statut Membre Dernière intervention   5
 
Il était au préalable mis dans une balise <p></p> mais j'ai tellement testé de chose que je l'ai supprimé puis remis après le post donc il y est. Pour le css il n'y a rien car ce sont des classes parentes qui normalement gère les limites, ici j'utilise le 
affichage_commentaire_com
comme moyen de personnalisation de texte font-size/weight/familly etc. Je vais quand même envoyer le css ^^

Voilà : 

.affichage_com_css {
    margin: 5px;
    border: 1px solid #949494;
    height: 40px;
    white-space: nowrap;
}

.affichage_commentaire_pseudo {
    padding: 4px;
    padding-left: 40px;
    font-family: helvetica, arial, sans-serif;
    font-size: 10px;
}

.affichage_commentaire_com {
/* font-familly etc*/
}


Les "PARENTS" 

.post {
    background-color: white;
    border-radius: 5px;
    width: 99%;
    margin-left: auto;
    margin-right: auto;
    padding: 5px;
    height: 485px;
}

.post_affichage {
    background-color: white;
    border-radius: 5px;
    width: 99%;
    margin-left: auto;
    margin-right: auto;
    padding: 5px;
    margin-top: 50px;
    float: left;
}


Voilà ... Merci de ton aide :)
0
animostab Messages postés 2829 Date d'inscription   Statut Membre Dernière intervention   738
 
Ce qui peux causer le problème
float:left; sur post_affichage (ca sort le div du flux)
des height définis (si le contenu est plus haut que le height)
si c'est en ligne mets l'url sans http
je pourrais pas aider avant jeudi car voyage
0
Réponse 2 / 2
Pitet Messages postés 2826 Date d'inscription   Statut Membre Dernière intervention   527
 
Salut,

Pour que le texte du commentaire soit dans le div .affichage_com_css, une solution possible est supprimer la hauteur défini sur ce dernier élément et de supprimer le white-space: nowrap : 
.affichage_com_css {
    margin: 5px;
    border: 1px solid #949494;
    /*height: 40px;*/
    /*white-space: nowrap;*/
}


Exemple : https://jsfiddle.net/ah4c92kj/

Bonne journée,
0