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.

Containing Images Within Spoiler Border

View previous topic View next topic Go down

Solved Containing Images Within Spoiler Border

Post by Tommy-G on July 4th 2014, 5:19 am

Hi, I've noticed recently that whenever a larger image is posted in a spoiler on my forum if it's too wide it will go past the spoiler region even with the image resizing settings i have set. 

Example: 

(you can see it exceeding the size of the spoiler box here)

Spoiler:


Also, one other random question concerning rank positioning. I remember Pizza Boi answering my question about it I just can't remember where in the CSS it's located. 

How do i move this rank more up toward the user name: 

 


One more random question (sorry i know i'm full of them) regarding alerting a member of a new pm. Is there a way to make a pop-up box appear? I seem to recall setting one up but it never displays.

Tommy-G
Forumember

Male Posts : 27
Reputation : 1
Language : English
Location : Texas.

http://newagemugen.canadianforum.net/

Back to top Go down

Solved Re: Containing Images Within Spoiler Border

Post by Ange Tuteur on July 4th 2014, 6:48 am

Hello Tommy-G,

Add the following codes to your Style sheet.
Administration Panel > Display > Colors > CSS style sheet

For the spoiler image :
Code:
.spoiler_content img { width:99%; }

To modify the rank position :
Code:
#posterrank { top:-10px; }

The toolbar includes popup notifications while the user is logged on.
Administration Panel > Modules > Toolbar > Configuration > Activate

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Containing Images Within Spoiler Border

Post by Tommy-G on July 4th 2014, 7:45 am

Thanks for the response, Ange. 

After adding these lines to the CSS the problem still continues, though. Before i submit the code I got a message saying i had to many incorrect } signs. So it didn't move anything.

Tommy-G
Forumember

Male Posts : 27
Reputation : 1
Language : English
Location : Texas.

http://newagemugen.canadianforum.net/

Back to top Go down

Solved Re: Containing Images Within Spoiler Border

Post by Ange Tuteur on July 4th 2014, 8:07 am

Can you submit the sheet ? If so, add the codes to the top of the sheet. Otherwise you can post your sheet here and I'll check for the errors.

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Containing Images Within Spoiler Border

Post by Tommy-G on July 4th 2014, 8:17 am

I was able to get the spoiler thing to work after posting it to the top, thank you, the toolbar worked wonders as well, thanks again. The rank issue stays though, that gap won't get filled.





Here's the code from my CSS: 

.spoiler_content img { width:99%; }
#content-container #left {
margin-right: 40px !important;} 
#posterrank 
  position: relative;
  left: 6px;
  bottom: 4px;
  top:-10px;


these are all my lines in order.

Tommy-G
Forumember

Male Posts : 27
Reputation : 1
Language : English
Location : Texas.

http://newagemugen.canadianforum.net/

Back to top Go down

Solved Re: Containing Images Within Spoiler Border

Post by Ange Tuteur on July 4th 2014, 8:26 am

Here, try this :
Code:
.spoiler_content img { width:99%; }
#content-container #left { margin-right: 40px !important;}
#posterrank {
  position: relative;
  left: 6px;
  bottom: 4px;
  top:-10px;
}

The last rule was missing it's curly braces.

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Containing Images Within Spoiler Border

Post by Tommy-G on July 4th 2014, 8:34 am

D'oh! Thank you! Everything fixed.

Tommy-G
Forumember

Male Posts : 27
Reputation : 1
Language : English
Location : Texas.

http://newagemugen.canadianforum.net/

Back to top Go down

Solved Re: Containing Images Within Spoiler Border

Post by Ange Tuteur on July 4th 2014, 8:40 am

No problem ^^

Topic archived

Have a good day. Smile

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.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