I am trying to do some reverse engineering of a theme for a bulletin board program SMF. The first thing I wanted to try doing was to replace the table borders with an image more reminiscent of the clients (I’m doing this pro bono) site; which looks like a chalk line. So I tried replacing some of the solid lines in a table (there’s also an HR, mentioning it in case there is something specific with them).
position: relative;
background-color: #000000;
border: 1px solid #ffffff;
Then trying with the chalk line image
position: relative;
background-color: #000000;
border-image: url(../images/chalk-border.jpg);
But it doesn’t display: I have the filename and location right but it is not displaying.
I even tried it in the html (this example has it in both the table and cell - trying anything…)
<table bgcolor="#000000" width="95%" class="tborder" style="margin:auto; text-align:left; border-image: url(images/chalk-border.jpg)">
<tr class="b1">
<td style="border-image: url(images/chalk-border.jpg)" valign="middle" align="left" height="120px" width="710px" valign="middle"><img style="float: left; padding: 0 0 0 10px" src="images/logo.png" border="0" /></a></td></tr></table>
but still no go. Do I need to tell it anything else?
Thanks very much for your help!