The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

User profile box not displaying correctly

View previous topic View next topic Go down

User profile box not displaying correctly

Post by troyeccles on April 29th 2016, 2:02 am

Hello. I'll drop the CSS code I'm using below but I'd like to limit the maximum width of the profile box - once the screen resolution gets too wide, the profile box extends beyond the limit of the header png (I'll pop a couple of images below).

The header image is 213px wide so how can I limit the profile area to that?

Any help limiting this box greatly appreciated!

Smaller monitor:


Wider monitor:



-----------


Code:

.postprofile {
 text-align:center;
 background:#;
 border:1px solid #CCC;
 border-radius:3px;
 margin: 10px 0px 0px;
 padding: 10px 3px 3px;
 box-shadow: 01px 1px 5px rgba(0, 0, 0, 0.1), 0px 1px 1px rgba(0, 0, 0, 0);
  min-height: 80px;
position: relative;
width: 20%;
word-wrap: break-word;
}

.postprofile dd, .postprofile dt { margin-left:0 }

blockquote blockquote {
   background-color: #ECECEC;
   font-size: 1em;
   margin: 0.5em 1px 0pt 15px;}

.postprofile dd, .postprofile dt { margin-left:0 }

/* offline image */
.post .postprofile {
 background-image:url('http://i21.servimg.com/u/f21/18/45/72/48/offlin14.png');
 background-repeat:no-repeat;
 background-position:0px 0px;
}

/* online image */
.post.online .postprofile {
 background-image:url('http://i21.servimg.com/u/f21/18/45/72/48/online14.png');
 background-repeat:no-repeat;
 background-position:0px 0px;
}

.postprofile .label {
  float: left;
  margin-left: -3px;
  margin-right: 3px;
  width: 50%;
  text-align: right;
}
.postprofile .label, .postprofile .label span {
  font-weight: 700;
  color: #39C !important;
}
* {
  margin: 0px;
  padding: 0px;}

.postprofile dd {
  color: #333;
  text-align: left;
}
.postprofile dd, .postprofile dt {
  line-height: 1.2em;}

.postprofile dd:last-child, .postprofile dt + dd {
  text-align: center;}

.postprofile { padding-top:70px }

#content-container div#right {
  float: right;
  overflow: hidden;
  width: 220px;
  padding-top: 46px;
}

li.row { position:relative }

.forumbg .lastpost a[href^="/t"], .forabg .last-post-icon {
 position:absolute;
 right:10px;
 top:50%;
}

ul.topics dd.dterm, ul.topics dt {
  display: block;
  float: left;
  padding-left: 55px;
  width: 50%;
}

.dterm a[href$="?view=newest"] { display:none; }

.postprofile dt img {
 max-height:125px;
 max-width:125px;
}

troyeccles
Forumember

Posts : 296
Reputation : 5
Language : English

Back to top Go down

Re: User profile box not displaying correctly

Post by SarkZKalie on April 29th 2016, 2:32 am

Could you please provide your forum URL?

SarkZKalie
Forumember

Male Posts : 448
Reputation : 78
Language : English

http://rotavn.nstars.org/

Back to top Go down

Re: User profile box not displaying correctly

Post by troyeccles on April 29th 2016, 1:11 pm


troyeccles
Forumember

Posts : 296
Reputation : 5
Language : English

Back to top Go down

Re: User profile box not displaying correctly

Post by troyeccles on May 2nd 2016, 3:42 am

Bump.

troyeccles
Forumember

Posts : 296
Reputation : 5
Language : English

Back to top Go down

Re: User profile box not displaying correctly

Post by SarkZKalie on May 2nd 2016, 5:00 am

I didn't found any errors on your profile box. Try to clear your data cache and refresh the page.

SarkZKalie
Forumember

Male Posts : 448
Reputation : 78
Language : English

http://rotavn.nstars.org/

Back to top Go down

Re: User profile box not displaying correctly

Post by Genesis on May 2nd 2016, 5:03 am

I'm not certain but I believe the online and offline images are copyright Forumotion.

Genesis
Helper
Helper

Male Posts : 2331
Reputation : 322
Language : English
Location : Forumountain

http://forumpromocean.com

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum