How do you create background "wallpapers"?

  • 1
  • Question
  • Updated 9 years ago
  • Answered
I have a small gif image which is seamless. I would like to create a background with this image for two things: a web page and to insert as a background within a table.

Does anyone know this process?
Photo of Peter

Peter

  • 2569 Posts
  • 113 Reply Likes

Posted 9 years ago

  • 1
Photo of Peter

Peter

  • 2569 Posts
  • 113 Reply Likes
OK. The web-page background turned out to be very straight forward. Simply adding the image to the "background image" field in the content sidebar. It repeats indefinitely.

Using it as a background within a table is still a question.
Photo of KanThaiDecor

KanThaiDecor

  • 2402 Posts
  • 263 Reply Likes
Yes it tiles for you...that can be good and bad
Photo of UK Duke

UK Duke, Champion

  • 3321 Posts
  • 213 Reply Likes
well this (below) is the basic backgorund colour code, im sure you could add a image src and there will be a way to tile or repeat it.

Your the google it code finding master - whats wrong with you? feeling lazy?

<!--
<body style="background-color: #000000;">
-->
Photo of UK Duke

UK Duke, Champion

  • 3321 Posts
  • 213 Reply Likes
Peter this link should help you - best 2 i found on the topic

http://htmldog.com/guides/cssintermed...

http://www.elated.com/articles/contro...
Photo of UK Duke

UK Duke, Champion

  • 3321 Posts
  • 213 Reply Likes
Table specific code
<!--

<tr valign="top" style="background: url('resources/YOURFILE.gif') no-repeat;">

-->
Photo of Shaq

Shaq

  • 868 Posts
  • 5 Reply Likes
Hey peter...

I am creating a BackGround libary for Yola's and other sites. What type of backgrounds are you interested in, I can email a couple to you if you wish
Photo of Peter

Peter

  • 2569 Posts
  • 113 Reply Likes
Thanks Shaq,

I have the background images that I wish to use, it's aspects of setting them into tables now that I'm hitting some problems with. I'm sure I'm doing something wrong but the penny won't drop :)
Photo of Shaq

Shaq

  • 868 Posts
  • 5 Reply Likes
Hi Peter.
If you want send them to noreply@shaqs-ministry.org with the dimensions you wish and i will send them back
Free of charge
Photo of Peter

Peter

  • 2569 Posts
  • 113 Reply Likes
Thanks Lee,

Does the repeat/no-repeat refer to tiling ?
Photo of UK Duke

UK Duke, Champion

  • 3321 Posts
  • 213 Reply Likes
i think so - i have personally never used it (yet) from what i read you can tile/repeat it or tile it only vertically or horizontally - there's lots of options.
Photo of Peter

Peter

  • 2569 Posts
  • 113 Reply Likes
The code you supplied was very similar to what I was using nut didn't work.

This one is the same in effect. There's something i'm overlooking
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Peter.. I'm just slightly confused. Did you want the image to tile or not?
Photo of Peter

Peter

  • 2569 Posts
  • 113 Reply Likes
Thanks Littleus,

Yes I want the background image to tile
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
here's a code that worked for me:

<!--<table style="background-image: url(image url); border: 1px solid gray;">
<tr>
<td><h1>YOUR TEXT</h1></td>
</tr>
</table> -->
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
This is obviously for inside a table. Did it work for you?
Photo of UK Duke

UK Duke, Champion

  • 3321 Posts
  • 213 Reply Likes
works great - tested
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
awesome!
Photo of UK Duke

UK Duke, Champion

  • 3321 Posts
  • 213 Reply Likes
according to an article backgrounds were designed to repeat so it does it by default
Photo of Peter

Peter

  • 2569 Posts
  • 113 Reply Likes
Got it.

I had inserted an image into the table.

The background of the image was covering the background of the table.
I've now made the image with a transparent background.
Photo of UK Duke

UK Duke, Champion

  • 3321 Posts
  • 213 Reply Likes
good news - Peter - i am now known here as 'The Duke' - there is another Lee -
Photo of Peter

Peter

  • 2569 Posts
  • 113 Reply Likes
Thank you sir Duke.

Nice to know the line continues unbroken