Memberlist avatar pushed up by too long username
3 posters
Page 1 of 1
Memberlist avatar pushed up by too long username
Hello,
Recently I found a problem that I cannot solve on my own. For some reason the username, when too long and when it consist out of two parts, can push the avatar of the member UP. I've also looked in different browsers and for some reason it is displayed the way I want it to in Internet Explorer. So I'm not sure if it can be fixed because of that.
Another thing is that the username gets clipped off when it's too long. I do, however, not want there to be a possiblity of a username stretching out the page because it's too long.
Here are some pictures to illustrate what I want:
Here is the HTML and CSS used:
Hopefully someone can help me with this problem!
Greetings,
Hert
Recently I found a problem that I cannot solve on my own. For some reason the username, when too long and when it consist out of two parts, can push the avatar of the member UP. I've also looked in different browsers and for some reason it is displayed the way I want it to in Internet Explorer. So I'm not sure if it can be fixed because of that.
Another thing is that the username gets clipped off when it's too long. I do, however, not want there to be a possiblity of a username stretching out the page because it's too long.
Here are some pictures to illustrate what I want:
- How it is now:
- The way I want it to be displayed:
- Username clipping:
Here is the HTML and CSS used:
- Code:
/*---------------------------- MEMBERLIST */
.avatar.mini, .avatar.mini img {
height: 200px;
width: 150px;
border: 0px;
}
.memberz { width: 170px;
overflow: hidden;
}
.lijn {
width: 170px;
border-bottom: 1px dotted #342f2f;
text-align: right;
}
- Code:
<tr>
<tbody>
<td align="center">
<!-- BEGIN memberrow -->
<div style="display: inline-block;">
<div class="avatar mini" width="150px" height="200px" style="border:10px solid #342f2f; margin-right: 10px; margin-left: 10px; display: block;">
<a href="{memberrow.U_VIEWPROFILE}">{memberrow.AVATAR_IMG}</a></div>
<span class="gen"><div class="memberz"><a class="gen" href="{memberrow.U_VIEWPROFILE}">{memberrow.USERNAME}</a>
<div class="lijn" width="150px"></div>
{memberrow.LASTVISIT}.<br />
{memberrow.PM_IMG} </span></div>
</div>
<!-- END memberrow -->
</td>
</tbody>
</tr>
Hopefully someone can help me with this problem!
Greetings,
Hert
Re: Memberlist avatar pushed up by too long username
Can guests see your memberlist? If yes, please post the link to it.
Lost Founder's Password |Forum's Utilities |Report a Forum |General Rules |FAQ |Tricks & Tips
You need one post to send a PM.
You need one post to send a PM.
When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
Re: Memberlist avatar pushed up by too long username
No. They cannot and the forum is also closed so no-one can register.
I also don't see why it is nescessary to have the URL even if they could see the memberlist since I provided, if you ask me, enough information with pictures AND codes.
I also don't see why it is nescessary to have the URL even if they could see the memberlist since I provided, if you ask me, enough information with pictures AND codes.
Re: Memberlist avatar pushed up by too long username
We ask for a URL of that page so we can use the editor tools to see the code in its own format and then we edit the code on the tools and make it look right then we can post the right code for you to change.
This is why we like to ask all members with problems like this to post there links. it makes it more easy for us to help you faster instead of posting lots of codes just for you to say "It Don't work"
This is why we like to ask all members with problems like this to post there links. it makes it more easy for us to help you faster instead of posting lots of codes just for you to say "It Don't work"
Re: Memberlist avatar pushed up by too long username
Also in the forum rules there is this one:
Please provide your forum URL for appearance problems
Please provide your forum URL for appearance problems
Lost Founder's Password |Forum's Utilities |Report a Forum |General Rules |FAQ |Tricks & Tips
You need one post to send a PM.
You need one post to send a PM.
When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
Similar topics
» New default avatar not being pushed to all profiles
» Chat notification lines showing when adding avatar in memberlist?
» Avatar/Username Separation
» Username and Rank above the avatar.
» how to put your username and rank under avatar
» Chat notification lines showing when adding avatar in memberlist?
» Avatar/Username Separation
» Username and Rank above the avatar.
» how to put your username and rank under avatar
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum