TP-Docs
HTML5 Icon HTML5 Icon HTML5 Icon
TP on Social Media

Recent

Welcome to TinyPortal. Please login or sign up.

Members
  • Total Members: 3,963
  • Latest: BiZaJe
Stats
  • Total Posts: 195,917
  • Total Topics: 21,308
  • Online today: 790
  • Online ever: 8,223 (February 19, 2025, 04:35:35 AM)
Users Online
  • Users: 1
  • Guests: 703
  • Total: 704
  • tino

Forum Background Image Doesn't Repeat

Started by TolerancE, September 12, 2009, 05:15:32 AM

Previous topic - Next topic

0 Members and 1 Guest are viewing this topic.

TolerancE

Can anyone help me get this background to repeat/stretch? It cuts off and goes to all black.


IchBin

Assuming that is one image going across the whole thing?

background: url(path/to/image.jpg) repeat-y;

TolerancE

I looked through all of the code and cannot find it anywhere. I am looking at the index.template.php code, right?

Lesmond


TolerancE

The background is set to repeat. Here is the code.


/* The main body of the entire forum. */
body
{
  background: url(/images/bgxxxx.gif) repeat-y #000;
  margin: 0px;
  padding: 0px;
}

This is the link to the image I'm using.

http://www.pwsmarks.com/images/bgxxxx.gif

I attached the full code in case I missed something else.

ZarPrime

That image will look fine if it is tiled horizontally, but it will look bad if tiled vertically.  The best thing would be to not tile it vertically but have it fade to black as it close to the bottom.

tile vertically ...
background-image: url(myImage.gif); background-repeat: repeat-y;
tile horizontally ...
background-image: url(myImage.gif); background-repeat: repeat-x;
Tile both ways ...
background-image: url(myImage.gif); background-repeat: repeat;

It would be easier to help with this if we had a link to your site where you were using it.

ZarPrime

IchBin

Link to your forum so we can see it in action?

TolerancE

Problem solved! For some reason JPG and GIF images were not displaying correctly. Changed to a BMP and we're good!!!!

This website is proudly hosted on Crocweb Cloud Website Hosting.