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 ..)

Image

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
:mrgreen:

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 ^^