Alignment problem with avatars

It doesn't matter if you do all the error checking in the world, or if you have the most beautiful graphics, if your site or application design isn't usable, it's not going to do well. Get input and advice on usability and user interface issues here.

Moderator: General Moderators

Post Reply
HiddenS3crets
Forum Contributor
Posts: 119
Joined: Fri Apr 22, 2005 12:23 pm
Location: USA

Alignment problem with avatars

Post by HiddenS3crets »

This is the CSS code for the avatar:

Code: Select all

.avatar {
        float: right;
        padding: 2px;
        margin: 0px 0px 10px 10px;
        border: 1px solid #696969;
}
And this is the PHP code to echo information on each member

Code: Select all

echo "<p><img class=\"avatar\" src=\"".$row['avatar']."\" width=\"70\" height=\"70\" />
<b>Username:</b> <a href=\"/userinfo.php?id=".$row['username']."\">".$row['username']."</a>
<br />\n<b>Email:</b> <a href=\"mailto:".$row['email']."\">".$row['email']."</a>
<br />\n<b>Website:</b> <a href=\"".$row['url']."\">".$row['url']."</a>
<br />\n<b>Personal Info:</b> ".$row['pinfo']."</b></i></u></li></ul></ol></p>\n\n";
This is a screen shot of what the avatars are being displayed as:
Current setup

As you can see, the avatars are not being aligned to the right. Any ideas on why It's not being aligned on the right side?
Post Reply