Memberlist avatar pushed up by too long username Hitskin_logo Hitskin.com

This is a Hitskin.com skin preview
Install the skinReturn to the skin page

The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.
3 posters

    Memberlist avatar pushed up by too long username

    Hert
    Hert
    Forumember


    Posts : 81
    Reputation : 3
    Language : Dutch and English

    In progress Memberlist avatar pushed up by too long username

    Post by Hert July 21st 2015, 10:42 pm

    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:
    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 />
                        &nbsp;{memberrow.PM_IMG}&nbsp;</span></div>
     
        </div>
        <!-- END memberrow -->
        </td>
      </tbody>

    </tr>

    Hopefully someone can help me with this problem!

    Greetings,
    Hert
    SLGray
    SLGray
    Administrator
    Administrator


    Male Posts : 51498
    Reputation : 3523
    Language : English
    Location : United States

    In progress Re: Memberlist avatar pushed up by too long username

    Post by SLGray July 21st 2015, 10:44 pm

    Can guests see your memberlist?  If yes, please post the link to it.



    Memberlist avatar pushed up by too long username Slgray10

    When your topic has been solved, ensure you mark the topic solved.
    Never post your email in public.
    Hert
    Hert
    Forumember


    Posts : 81
    Reputation : 3
    Language : Dutch and English

    In progress Re: Memberlist avatar pushed up by too long username

    Post by Hert July 21st 2015, 11:47 pm

    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.
    Ape
    Ape
    Administrator
    Administrator


    Male Posts : 19324
    Reputation : 2005
    Language : fluent in dork / mumbojumbo & English haha

    In progress Re: Memberlist avatar pushed up by too long username

    Post by Ape July 22nd 2015, 2:34 am

    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" Wink



    Memberlist avatar pushed up by too long username Left1212Memberlist avatar pushed up by too long username Center11Memberlist avatar pushed up by too long username Right112
    Memberlist avatar pushed up by too long username Ape_b110
    Memberlist avatar pushed up by too long username Ape1010
    SLGray
    SLGray
    Administrator
    Administrator


    Male Posts : 51498
    Reputation : 3523
    Language : English
    Location : United States

    In progress Re: Memberlist avatar pushed up by too long username

    Post by SLGray July 22nd 2015, 3:59 am

    Also in the forum rules there is this one:
    Please provide your forum URL for appearance problems



    Memberlist avatar pushed up by too long username Slgray10

    When your topic has been solved, ensure you mark the topic solved.
    Never post your email in public.