Bonjour, tous le monde
J'ai créer un mini chat en php, est depuis hier je cherche comment faire pour mettre à droite les messages du premier poster et à gauche le deuxième message du posteur exetera...
Voilà mon code je suis encore qu'un débutant ^^
<?php
if(isset($_POST['messages'])) {
if(!empty($_POST['messages'])) {
$messages = htmlentities($_POST['messages']);
$req = $pdo->prepare('INSERT INTO t_shoutbox VALUES("", :username, :messages, :avatar)');
$req->execute(["username" => $_SESSION['user']->username, "messages" => $messages, "avatar" => $_SESSION['user']->avatar]); }
}
?>
<div class="col-lg-4 col-md-4">
<!-- -->
<div class="sidebarblock" style="height: 450px;">
<?php if(isset($_SESSION['user'])): ?>
<form class="form newtopic" action="" method="POST">
<input type="text" class="form-control" name="messages" placeholder="Commencer à discuter">
</form>
<?php else: ?>
<div class="form newtopic form-control" style="padding-bottom: 5px;">
<p>Vous devez être connecté pour discuter</p>
</div><br />
<?php endif; ?>
<div class="blocktxt">
<div class="chat__box">
<?php
$allmsg = $pdo->query("SELECT * FROM t_shoutbox ORDER BY id DESC LIMIT 0,10");
while ($msg = $allmsg->fetch()) {
?>
<div style="padding-bottom: 20px;">
<div class="chat_av_left avatar"><img src="img/avatar/<?php echo $msg->avatar; ?>" class="image" alt=""></div>
<p class="chat"><?php echo $msg->messages; ?></p>
<div style="padding-bottom: 20px;">
<div class="chat_av_right"><img src="img/lol.png" class="image" alt=""></div>
<p class="chat2"<?php echo $msg->messages; ?></p>
</div>
</div>
<?php } ?>
Ce que je veux
Mettre à droite les messages du premier poster et à gauche le deuxième message du posteur exetera...
Ce que j'obtiens
http://www.hostingpics.net/viewer.php?id=418485Capture.png