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

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 : 301
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?
avatar
SarkZKalie
Forumember

Male Posts : 680
Reputation : 101
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 : 301
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 : 301
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.
avatar
SarkZKalie
Forumember

Male Posts : 680
Reputation : 101
Language : English

http://rotavn.nstars.org/

Back to top Go down

Re: User profile box not displaying correctly

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

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

Male Posts : 2337
Reputation : 324
Language : English
Location : Forumountain

http://forumpromocean.com

Back to top Go down

Back to top


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