Page 1 sur 1
Erreur avec css :s
Posté : 15 avr. 2013, 11:03
par miiidooo19
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
Re: Erreur avec css :s
Posté : 15 avr. 2013, 14:07
par moogli
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
@+
Re: Erreur avec css :s
Posté : 16 avr. 2013, 14:26
par miiidooo19
hum ça fonction,
j'avais tester que float: left et right et ça m'affiche un bordel sur quelque navigateur ..
merci encore
Re: Erreur avec css :s
Posté : 16 avr. 2013, 15:07
par moogli
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
@+
Re: Erreur avec css :s
Posté : 16 avr. 2013, 15:16
par miiidooo19
Oui merci moogli encore d'être la pour moi ^^