Text runs off my forum main page background

Help for the old style boards.

Moderators: not2foxie, bwayne, spherical

SuZanBare
Joined: 29 May 2015, 17:52

02 Feb 2016, 13:56 #1

I'm sure it's a messed-up or missing code but I cannot see it.

The text on the front page of this forum is not staying within the background boundary.
http://thetreadmill.yuku.com/forums/72/ ... rse-Saloon

Them horse pages !!!

Thanks for your help.

SuZan
Dear Auto correct,Would you please stop correcting my swear words you piece of shut?
Reply

Arizona
Joined: 31 Jan 2013, 23:01

02 Feb 2016, 14:18 #2

The problem is long "connected" topic titles like the one with all the question marks. You could add this to your CSS:

Code: Select all

td.topic-titles  {  word-break: break-all; }
And it will correct it but it will also wrap words in the middle of a word.

Or easier would be to just edit that one post and remove some of the question marks or put a space between the "WHY" and some of the question marks so they wrap.
🇩🇪🇩🇪⚽🏆🇩🇪🇩🇪
Reply

SuZanBare
Joined: 29 May 2015, 17:52

02 Feb 2016, 19:01 #3

Thanks, I just edited the post .

I shall keep my eye out for more of those long titles.
Dear Auto correct,Would you please stop correcting my swear words you piece of shut?
Reply

Corpsie
Joined: 14 Jun 2013, 14:23

06 Oct 2016, 14:39 #4

I have an issue of people posting really long links and stretching the forum with them. Is there a code for this? I have the code in for the large pictures and sigs....but it doesn't appear to work for those long links.

I also need a code to make my background pictures stretched.

Thanks in advance....
Reply

spherical
Joined: 05 Feb 2013, 15:12

06 Oct 2016, 22:28 #5

Corpsie is the background picture like a tile image, so a small one that you want to have showing as a full background? If so then use this code:
 
body { font-size: 12px;
background: #FF84A6 url(http://images.yuku.com.s3.amazonaws.com ... 01074d.gif) repeat fixed; }
The image in the above code is a small tile that strectches and covers the background.Image
Just replace the image url with your own image url :)
As for the long links being posted and stretching the forum, I have one code but haven't had to use it for a while so see if this helps you Corpsie.
 
.discussion-box { overflow: hidden; }
Some of the links post will be hidden then so not sure if this is what you want.
Reply

Corpsie
Joined: 14 Jun 2013, 14:23

07 Oct 2016, 02:52 #6

Spherical....it didn't work, but I might have put it in the wrong place.  
This is the picture....when I put it in as my background...it shows another house to the right.

body { font-size: 12px;

background: #FF84A6 url(http://images.yuku.com/image/jpg/a92351 ... de07_r.jpg)
repeat fixed; }


Image
Reply

spherical
Joined: 05 Feb 2013, 15:12

08 Oct 2016, 00:57 #7

Ah yes that is because that image is not big enough to be stretched across the screen Corpsie. So what happens then is that it doubles itself to fill the space.

Either find an image that is bigger or use that one for a banner and find another image for the background.

If you look at this page for example:

http://www.hellasmultimedia.com/webimag ... n_back.htm

you will see that the images are like square ones. This means they will stretch your page with the code I gave you before and the whole page/background will be covered.
Reply

spherical
Joined: 05 Feb 2013, 15:12

08 Oct 2016, 01:25 #8

Corpsie I just tried it with your image and used this code
 
html {
background: url(http://images.yuku.com/image/jpg/a92351 ... de07_r.jpg) no-repeat center center fixed;
background-size: cover;
height: 100%;
overflow: hidden;
}
body
{ background: transparent;
height:100%;
overflow: scroll;
-webkit-overflow-scrolling: touch;
}
It will strech your image across the page but it will look blurry as the image size is not really big enough.This code goes into the Advanced CSS section
Try this code out and see what you think :)
Reply

Corpsie
Joined: 14 Jun 2013, 14:23

13 Oct 2016, 02:23 #9

Spherical...sorry for the delay in getting back to you. Thank you so much.

I'm going to try it with another picture I have. I'll let you know how I do. Thank you, thank you.
Reply

Corpsie
Joined: 14 Jun 2013, 14:23

13 Oct 2016, 02:35 #10

Well call me crazy....but I sort of like it. (I used that same picture.)  Thanks a million!  Now I have another question...I've moved on to other disasters.

You know when you have a picture in the middle of your background.  You can put it there in the images section or you can just do the "img src" thing.  I need my image to be larger.  I have the image tamer in my global formatting to keep the images that the posters post; from stretching the forum....so is that my issue?  Or, is my picture just too small?

Image
Last edited by Corpsie on 13 Oct 2016, 02:39, edited 1 time in total.
Reply