bonjour a tous le monde,

je souhaite organiser les messages des utilisateurs comme sur les iphone, android... (message reçu a droit par exemple et message envoyer a gauche ..)



Quelqu'un pourrai avoir un tuto pour ça ?

merci d'avance

salut,

as tu simplement essayé d'ajouter un margin left sur les cadres des messages reçus ?

par exemple

<p class="send">Message envoyé</p>
<p class="receive">reçu</p>
<p class="send">Message envoyé</p>
<p class="receive">reçu</p>
<p class="send">Message envoyé</p>
<p class="receive">reçu</p>

et sur la classe receive

.message {
    width: 45%; /* Parce qu'il faut penser aux marges, a toi d'afficher un peu :)*/
}
.receive{
    margin-left : 50%;
    background-color : green;
}
.send {
    background-color : whitesmoke;
}

A tester.

si non => http://www.alsacreations.com

@+

hum ça fonction,

j'avais tester que float: left et right et ça m'affiche un bordel sur quelque navigateur ..

merci encore

Pour le reste (arrondis, "effet 3D" etc) oriente toi vers les possibilitées de ccs3 tu trouveras tous ce qu'il fait pour faire exactement la même chose (même en mieux ).

Peux tu marquer le sujet comme résolu ? (Gros bouton au dessus du sujet)

Merci


@+

Oui merci moogli encore d'être la pour moi ^^