Originally Posted by b666m

there are two ways (depends on where i put the float-right):

1.
- avatar is top-right (where i want it to be).
- text gets moved under the avatar (where it shouldn't be).
- message bubble (grey) expands the whole size?!

2.
- avatar is anywhere else in between of the text.
- text and bubbles totally dearranged

i don't want to try anymore. css is driving me crazy at this point. ^^

and it seems that nobody really wants to have a new layout like this one.

i could post the code/ upload the files if somebody wants to take a look at it. but this one isn't easy to understand because of one new layer before the bubble and having these two layers aligned to the message-block which i colored for this mod too. (took me 3 hours for having this layout ^^)

Originally Posted by byte_76

Attach all the files so that we can try to help!

Originally Posted by byte_76

Did you try separating the Div's in the html code for the Avatars? If you float both the avatar and message bubble to the right and your order for the message and Avatar divs is not correct and your message bubble width is not limited, it will automatically float the message bubble under the Avatar.
It looks like your order might be correct but have you limited the width of the bubble so it will fit between your avatar and margin on the left of the bubble?

Posting the code or files might help.

Originally Posted by Schturman

HI
In the SMS the gap fixed by this line: margin-top: -40px;

Code:

div.Message {
  padding-bottom: 8px;
  clear:      both;
  display:        block;
  padding-left: 8px;
  margin-top: -40px;
}

And I don't know where I can put this line in the IM... it's not work...
Here my files: IM Conversation
Thanks

Originally Posted by byte_76

Have you tried just commenting out the top-margin for div.MessageSelf and div.MessageOther?

Originally Posted by r0be11

hey guys, I would like to customize my conversations too, and I have a few questions:

how do you do, or which program do you use to change edit the html/css/js files?

Do you have any way to visualize them in your computer or is more like a trial and error thing? (I mean: you change something, you put the files back into the phone, you check if it worked as you expected, and then you take them back, edit them again and repeat the process).

Thanks and keep the good work .