HTML Help - Table Cell Backgrounds
- Thread starter vern
- Start date
M
mhr
Guest
Hello, using "classic" html, noway !
Using css just add something like this in your style definition
background-image: url(image.gif);
background-position: bottom left;
background-repeat: no-repeat;
You must take on account that if you want to see all of your background image, the TD size (or TD contents size) must at least be the same than your image size
Here is a working example , you can cut and past in an empty html file.
PS : The images can be downloaded from this forum.
<html>
<head>
<title>Mon titre</title>
<style>
TD.right {
background-image: url(bottomright.gif);
background-position: bottom right;
background-repeat: no-repeat;
}
TD {
background-image: url(bottomleft.gif);
background-position: bottom left;
background-repeat: no-repeat;
}
</style>
</head>
<body bgcolor="#ffffff" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table border="1" cellpadding="0" cellspacing="0" background="infobg.gif">
<tr>
<td align="center" valign="middle" height=200 width=500>|</td>
<td align="center" valign="middle" height=200 width=500 class="right">|</td>
</tr>
</table>
</body>
</html>
Happy programming,
Meher.
France.
Using css just add something like this in your style definition
background-image: url(image.gif);
background-position: bottom left;
background-repeat: no-repeat;
You must take on account that if you want to see all of your background image, the TD size (or TD contents size) must at least be the same than your image size
Here is a working example , you can cut and past in an empty html file.
PS : The images can be downloaded from this forum.
<html>
<head>
<title>Mon titre</title>
<style>
TD.right {
background-image: url(bottomright.gif);
background-position: bottom right;
background-repeat: no-repeat;
}
TD {
background-image: url(bottomleft.gif);
background-position: bottom left;
background-repeat: no-repeat;
}
</style>
</head>
<body bgcolor="#ffffff" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table border="1" cellpadding="0" cellspacing="0" background="infobg.gif">
<tr>
<td align="center" valign="middle" height=200 width=500>|</td>
<td align="center" valign="middle" height=200 width=500 class="right">|</td>
</tr>
</table>
</body>
</html>
Happy programming,
Meher.
France.
Members online
No members online now.
Affiliates
Latest profile posts
Xie wrote on Electronic Punk's profile.
Impressed you have kept this alive this long EP! So many sites have come and gone. 
Just did some crude math and I apparently joined almost 18yrs ago, how is that possible???
Just did some crude math and I apparently joined almost 18yrs ago, how is that possible???
Electronic Punk wrote on Sazar's profile.
Rest in peace my friend, been trying to find you and finally did in the worst way imaginable.