Tiled Background on Cutom Pages

[datakes]

I was wanting to add a tiled background to one of the additional custom pages that are available in the Quick Links section. I've tried some different html code to try to accomplish this, but have been unsuccessful so far. I assume I may be up against a CSS style sheet setting that is trumping this attempt.

I'm not expecting the NetSoft folks to respond to this quest because they don't support our HTML coding, but wanted to know if any of the others here have tried placing a background on any of the page areas that allow for WYSIWUG editing.

[M. David Matney]

Actually, NetSoft Studio is more than happy to assist with questions like this on the forums. We do not support HTML coding, however by the same token we do participate in our forums equally as much as our customers and leaving you hanging is simply not professional. Not providing technical support for HTML is simply because we are not in the business of teaching HTML coding, but there are many resources out there for learning HTML, including books that can be purchased at any bookstore.

With all that said, To create a tiled background, you will need an image that is designed to repeat itself, or an image that is at least wide and tall enough to cover the entire background. - then you will add a table with 1 row and 1 column and set the background image to the image that you created for the background. You will need to upload the image to someplace like photo bucket (http://www.photobucket.com) which will also improve your search engine rankings by having images located on social media networking sites. Creating an account with photobucket.com is quick, simply and easy and its free.

Once you have your table and background image in place, simply place your text that you want to overlay on top of the background image inside the table.

[datakes]

Thank you David. My comment was meant with no disrespect of your policy on not supporting HTML, merely that I was hoping for some support from the others here. You've exceeded my expectations by responding to this inquiry. Your information will give me some good direction. Thanks again.

[datakes]

I feel capable of handling such a simple coding job, but this does not seem to be working for me. Below is what I am trying to execute. The image is tiling 100% of the width, but very little height. Do I need to list an actual number in pixels for the height I need, as displayed in the second code set?


<table style="background-image: url(http://www.expressionsengraved.com/images/metaldots.jpg); width: 100%; height: 100%;" border="0">
<tbody>
<tr>
<td>&nbsp;</td>
</tr>
</tbody>
</table>


<table style="height: 1000px; width: 100%; background-image: url(http://www.expressionsengraved.com/images/diamondplate2.jpg);" border="0">
<tbody>
<tr>
<td>&nbsp;</td>
</tr>
</tbody>
</table>

[M. David Matney]

height: 100% should work. I just looked at the industrial page on your site, and it seems to be filling the entire table height and width with the background image. What browser are you using as the problem you may be encountering could be browser related.

[datakes]

I'm using the current version of Firefox, but also check design work on other browers. I switched my code to the second specifications above, which does give me the background height I need. The original option of 100% width and 100% height did not give me the height I needed, but that could be because I didn't have any height specifications for the table itself. I think I am ready to roll with this one, although I think I'll store the image at a different location, since I'll be redirecting that domain. Thanks again for your help.