Hello to All
I may be taking something on that is over my head. But we all need a challenge!
The web site I am working on (Replacing) is shown below. It was made almost 16 or 18 years ago.
https://www.stayhappystayinloveweddingchapels.com/
Where the white text Shows that table has an image border around it
Below is what is there no which of course is not going to work for the modern user
////////////////////////////////
<table>
<tr>
<td width="26"><img name="frame_table_r1_c1" src="images/frame_table/frame_table_r1_c1.gif" border="0"
width="26" height="24"></td>
<td background="images/frame_table/top.gif" colspan="3"></td>
<td width="30"><img name="frame_table_r1_c3" src="images/frame_table/frame_table_r1_c3.gif" border="0"
width="26" height="24"></td>
</tr>
<tr>
<td width="26" background="images/frame_table/left.gif"></td>
<td valign="middle" width="123">
<div align="center"><img src="images/twohearts/decor-hearts-two.gif" width="25" height="16"> <img
src="images/twohearts/red-stacked-sm.jpg" alt="Wedding Chapel Orlando" width="109" height="48">
</div>
</td>
<td valign="middle" width="722">
<div align="center">
<p>
<font size="4" color="#660000"></font>
<font color="#333333" size="7" face="Arial">The
Orlando Wedding<br />Chapel</font>
</p>
</div>
</td>
<td valign="middle" width="124">
<div align="center"> <img src="images/twohearts/decor-hearts-two.gif" width="25" height="16"> <img
src="images/twohearts/red-stacked-sm.jpg" alt="Orlando Weddings" width="109" height="48"></div>
</td>
<td width="30" background="images/frame_table/right.gif"></td>
</tr>
<tr>
<td width="26"><img name="frame_table_r3_c1" src="images/frame_table/frame_table_r3_c1.gif" border="0"
width="26" height="27"></td>
<td background="images/frame_table/btm.gif" colspan="3"></td>
<td width="30"><img name="frame_table_r3_c3" src="images/frame_table/frame_table_r3_c3.gif" border="0"
width="26" height="27"></td>
</tr>
</table>
/////////////////////////////////////////
I tried an approach on another site to see if I can come close:
https://wmpnet.com/
Question 1: How do I get the widths of each column I want with css or do I have to manually set the widths in the table?
<table>
<tbody>
<tr>
<td width="75"><img src="images/twohearts/decor-hearts-two.gif" width="25" height="16" alt=""/><br />
<img src="images/twohearts/red-stacked-sm.jpg" width="109" height="48" alt=""/></td>
<td width="500">The Orlando Wedding<br>
Chapel</td>
<td width="75"><img src="images/twohearts/decor-hearts-two.gif" width="25" height="16" alt=""/> <br />
<img src="images/twohearts/red-stacked-sm.jpg" width="109" height="48" alt=""/></td>
</tr>
</tbody>
</table>
Can I use an image as a border with css?
Or out of all of this is it possible to do this some other way?? If yes what road should I travel down?
Thanks