Placement du résultat d'une requête dans une DIV

**toutoune95800** · 17/05/2013, 10h39

Bonjour,

Je ne sais pas trop dans quel topic placer ce message alors je tente ma chance ici, dans le CSS.

Ici, pas besoin de code complexe mais ma demande va vous paraître... bizarre mais bon !

Le corps de ma page <body> est composé des trois <div> qui succèdent horizontalement grâce à la propriété CSS "Display".

La troisième div, celle des commentaires, va me faire devenir...

dingue !

Donc, cette div se décompose en un seul <p> avec un </br>.

Allez... Un peu de code !

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
<div id="commentaire">
   <h4>Vos commentaires</h4>
   <p class='Ccom'>
      Pseudo: Stephane </br> J'adore ! ! !! 
   </p>	
</div>

Jusqu'ici tout va bien...

Sauf qu'évidemment, les pseudos et commentaires sont tirées d'une base de données avec une boucle ? (peut-être est-ce la responsable de tous mes maux !

)

Code php :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<div id="commentaire">
<h4>Vos commentaires</h4>
<?php
$req = $bdd->prepare('SELECT id_restos, pseudo, commentaire FROM notation WHERE id_restos = ?');
$req->execute(array(
$_POST['choix_restos']));
 
while ($donnees = $req->fetch())
{
?>
<p class='Spseudo'>
<?php// echo $donnees['pseudo']; ?></br>
<?php// echo $donnees['commentaire']; ?>
Pseudo: Stephane </br> Ce restaurant est tres bien
</p>	
</div>

Si j'applique ce code, les pseudos et commentaire se place en bas, à gauche de la page et absolument pas dans le cadre de la DIV (oui elle est encadrée) et se répètent plusieurs fois.

Vous pouvez apercevoir des // de commentaires. Je les ai placés pour un essai ! Résultat : la petite phrase se place au bon endroit mais se répète (la boucle ?) en bas à gauche autant de fois qu'il y a de message !

Donc... Comment fait t-on pour placer le résultat de requête dans la DIV ?

**Bovino** · 17/05/2013, 10h59

Commence par fermer ta div à la fin de la boucle while, pas dedans !

**toutoune95800** · 17/05/2013, 11h18

Je...

Hum... Je... suis un... IDIOT !

Merci de cet excellent conseil et maintenant... Comme par miracle ! Ca marche ! Je n'avais pas vu ce petit détail...

En revanche,
Il m'affiche maintenant les pseudos et commentaires les uns a côté des autres (mais au bon endroit

) :

Ex :
Julie Charles Jeanne
CoucouLeroi de Franceunverre d'eau

Pourtant, j'ai bien mis un br !

Peut-être devrais-je utiliser un simple tableau ?

**Bovino** · 17/05/2013, 11h30

Pourtant, j'ai bien mis un br !

Non... pas exactement...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

</br>

tu as juste fermé la balise autofermante (

), ce qui n'est pas vraiment correct !

Peut-être devrais-je utiliser un simple tableau ?

Certainement pas !

**rodolphebrd** · 17/05/2013, 11h48

Bonjour,

pourquoi ne pas utiliser la propriété white-space plutôt que BR:
http://codepen.io/anon/pen/Avapc

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
<p class='Ccom'>
   Pseudo: Stephane 
   J'adore ! ! !! 
   </p>

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
.Ccom{
  white-space:pre;
}

**toutoune95800** · 17/05/2013, 15h09

Envoyé par rodolphebrd

Bonjour,

pourquoi ne pas utiliser la propriété white-space plutôt que BR:

Hum... Parce que je ne connaissais pas !

Alors merci ! Ca marche (enfin presque) mais pour la position, ça marche ! Que fait exactement cette instruction ? Il ne faut pas mourir bête !

Je pense que suis hors topic mais, pour finir, lorsque tout s'affiche, si je tape un texte au kilomètres mon textarea, la fonction "nl2br" ne... fonctionne pas ! Il faut que je tape sur ENTREES pour que le retour à la ligne s'effectue. Hors, un utilisateur ne fera pas entrée en bout de ligne... Connaissais vous une petit astuce pour remédier a ce problème ?

**rodolphebrd** · 17/05/2013, 15h16

N'hésitez pas à consulter les ressources du site: http://torgar.developpez.com/glossai...=page_1#LI-B-7

Le white-space est UNE solution concernant le texte de l'exemple que vous donnez. En cherchant je pense qu'il y en a beaucoup d'autres.

Placement du résultat d'une requête dans une DIV

Positionnement en CSS

Discussions similaires

Partager

Partager