Mini-profile minimum height coding help [solved]

[SuperChick]

marvelheroesrpg.proboards.com/

I added some "no-name prizes" for my members and am placing them at the bottom of their mini-profiles. Some players are achieving a LOT of prizes and the icons were running over into the next poster's mini-profile. So, I added a code to the mini-profile to force its length/height. It is now giving me a "1" in the top left-hand corner of the mini-profile. Did I do it wrong? Or is there a better way to do it? How do I get rid of that annoying "1"?

The code I added:
<div class="$[miniprofile_class]"><div style="float:left;valign:top;height:450px;">

   </div>
Thanks,
SuperChick

[Todge]

Oct 12, 2018 21:03:12 GMT -8 SuperChick said:

marvelheroesrpg.proboards.com/

I added some "no-name prizes" for my members and am placing them at the bottom of their mini-profiles. Some players are achieving a LOT of prizes and the icons were running over into the next poster's mini-profile. So, I added a code to the mini-profile to force its length/height. It is now giving me a "1" in the top left-hand corner of the mini-profile. Did I do it wrong? Or is there a better way to do it? How do I get rid of that annoying "1"?

The code I added:
<div class="$[miniprofile_class]"><div style="float:left;valign:top;height:450px;">

   </div>
Thanks,
SuperChick

There are a few ways of doing this, but the easiest is probably just to add some styling..

First remove the extra coding you added from the mini profile layout and add this at the very bottom instead...

<style>.mini-profile { height: 450px; overflow: auto; }</style>

That should restrict the height of your mini profile and make it scrollable.

[SuperChick]

It still works the same except it added a horizontal scroll because the potential scroll bar on the right in the infobox cut into it. So I took out the "overflow: auto" and it looks better. So, basically the height is great but that nasty little number remains in the upper left-hand corner!

[₪» ⅀ ƪ Ƒ «₪]

In your layout template, what do you have in your coding around this part:

<table role="grid">
<tr>
<td class="left-panel" rowspan="2">
0<!---Marvelous mini-profile -->


<div class="mini-profile">


? It is right before the <!-- that is generating the floating number, so whatever is the issue should be right around there.

[SuperChick]

Here is the code that I have in the mini-profile. 


$[current_user.mini_custom_field.length]<!---Marvelous mini-profile -->





<div class="$[miniprofile_class]">



<div class="mmpcon1">

           <div class="mmpname">$[user]</div>

   <div class="mmpon">{if $[user.is_online]}online{else}offline{/if}</div>

       </div>

 

   

   <div class="mmpinfo"><div style="background:#101011;color:#967B1B;font-size:9pt;float:left;margin-left:-15px;width:150px;text-align:center;font-weight:bold;padding:3px 0;margin-bottom:5px;">INFORMATION</div>$[user.gender.text]

       <br>$[user.posts] posts

       <br>► $[user.location] ◄

       <br>{foreach $[user.mini_custom_field]}{if $[user.mini_custom_field.name] == "Profile"}<a href="$[user.mini_custom_field.value]">Click for profile</a>{/if}{/foreach}

       <br>Awards:

       $[user.badges]

   </div>

   <div class="mmpavcon"><div class="mmpav">$[user.avatar]</div></div>



       

       <div class="mmpquote"><div style="font-size:12pt;text-align:center;color:#292A2E;float:left;margin-top:90px;margin-left:80px;">▲</div>

   <div style="background:#292A2E;padding:10px;border-radius:5px;margin:0 10px;margin-top:-3px;float:left;margin-left:20px;margin-bottom:10px;color:#ccc;text-align:center;width:120px;">{foreach $[user.mini_custom_field]}{if $[user.mini_custom_field.name] == "Quote"}"$[user.mini_custom_field.value]"{/foreach}</div></div>  

     

   </div>



<style>.mini-profile { height: 450px; } </style>



[₪» ⅀ ƪ Ƒ «₪]

Then this is the culprit:

$[current_user.mini_custom_field.length]

Is there a reason you have that? If not, erase it or comment it out like this:
<!--$[current_user.mini_custom_field.length]-->

[SuperChick]

That fixed it. THANK YOU!

[₪» ⅀ ƪ Ƒ «₪]

You are very welcome! I'm always thrilled when I can actually help someone =D