Je bloque sur un texte ...

Résolu/Fermé
Legrandfifou Messages postés 109 Date d'inscription samedi 3 mai 2014 Statut Membre Dernière intervention 17 mars 2017 - Modifié par Legrandfifou le 20/10/2016 à 21:31
Pitet Messages postés 2826 Date d'inscription lundi 11 février 2013 Statut Membre Dernière intervention 21 juillet 2022 - 24 oct. 2016 à 12:50
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

animostab Messages postés 2829 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 737
21 oct. 2016 à 00:48
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 samedi 3 mai 2014 Statut Membre Dernière intervention 17 mars 2017 5
22 oct. 2016 à 16:07
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 jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 737
23 oct. 2016 à 20:32
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
Pitet Messages postés 2826 Date d'inscription lundi 11 février 2013 Statut Membre Dernière intervention 21 juillet 2022 525
24 oct. 2016 à 12:50
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