How to change HTML Table backgrounds?

Rok

Seasoned Veteran
Joined
Apr 8, 2009
Messages
4,121
Reaction score
0
FP$
6
Okay, so I finally got to make a table for the homepage I'm working on for my forum:
http://forumansion.forumotion.com/Homepage-test-h18.htm
Now, I want that the Table borders and everything to have a background, so it wouldn't just be plain, transparent lines roaming around the page. Any help?


Here's the entire HTML script I'm using:
Code:
<table border="1" cellpadding="3" cellspacing="5" width="100%">
<tr>
<th><div align=center><img src="http://i87.servimg.com/u/f87/13/67/77/07/fmtest10.png"></div><th>
</tr>
<tr>
<td width="100%"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" >
<head>
<title>ForuMansion Homepage</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<meta name="author" content="Rok">
<meta name="description" content="ForuMansion Homepage">
</head>
<body background="http://i41.tinypic.com/28auvzp.png" bgcolor="#ffffff" text="#000000" link="#0000FF" vlink="#FF00FF" alink="#FF0000">
<link rel="shortcut icon" href="http://i458.photobucket.com/albums/qq309/SkyShadow79/fman.png">
<span style="font-family: Segoe Print, Century Gothic, Arial, Helvetica, sans-serif; color: #ffffff; size: 12px;"><ul><font color="gray" size="4">Being one of the Top 5 leading promotion forums in the internet world, ForuMansion delivers maximum exposure to all users who want that extra jumpstart to boost the standards of their forum, website, blog, social networking profile, and/or business. Visit the forum to start promoting and receiving results in your site today!</font></ul></span></td><td><div align=center><a href="http://forumansion.forumotion.com/Homepage-test-h18.htm" title="Check out the homepage!"><img src="http://i87.servimg.com/u/f87/13/67/77/07/home12.png" alt="Check out the homepage!"></a><br>
<a href="http://forumansion.forumotion.com" title="Promote and advertise in our forum!"><img src="http://i87.servimg.com/u/f87/13/67/77/07/forum12.png" alt="Promote and advertise in our forum!"></a><br>
<a href="http://forumansion.forumotion.com" title="Read the information in our blog!"><img src="http://i87.servimg.com/u/f87/13/67/77/07/blog12.png" alt="Read the information in our blog!"></a><br>
<a href="http://forumansion.forumotion.com/ForuMansion-Chatbox-h14.htm" target="_blank" title="Chat it up in the Mania!"><img src="http://i87.servimg.com/u/f87/13/67/77/07/mania11.png" alt="Chat it up in the Mania!"></a><br>
</div></td>
</tr>
</table>

<div align="center">Copyright - ForuMansion 2009 | Powered by <a href="http://forumotion.com" target="_blank" title="Create your own forum!">ForuMotion.com</a></div>
</body>
</html>
I'm hoping someone can help out!
 
Do you have access to either the stylesheet or <head> tag?

If so, great - it'll be very easy to implement. If not, not a problem - could use in-line CSS instead but it would make the code look very messy.

Let me know 🙂
 
There is no CSS stylesheet for HTML pages. Are you sure there isn't a simple HTML code to just place in the Table code? ...Something like this:
<table border="1" cellpadding="3" cellspacing="5" width="100%" background img="http://image.png">

Thanks for the reply. 😀
Also, I added a bit more to the homepage. Here's what I got:
http://forumansion.forumotion.com/Homepage-test-h18.htm
There is another question I want to ask. There's a highlight border around each linked image. Is there a way to remove that? Thanks. 😀
 
To remove the border around linked images, add border="0" inside after <img.

To add a background image to the whole table, add:
Code:
style="background-image: url('http://link-to-image.png');">
to the table tag. Same can be added to a table row or table cell (<td>).

There is some other stuff you can do with the background as well such as change the way it repeats, its position, the background colour behind the image etc etc...
 
MhW, you're a life saver. Thanks so much!
 
Back
Top Bottom