1. 

   caucus
   

   offline

   Member

   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

   Posted 9 months ago
2. 

   savio
   

   offline

   Member

   Wow that’s a lot of pink! Lol

   First off, I wouldn’t use tables to design the site - that is very old way of doing sites. Use harmony/harmony columns so you have a responsive design. You would then define the sizes by percentages vs pixels.
   You can the add borders to the columns.

   Here is how u can use an image for your border if you want.

   https://www.w3schools.com/cssref/css3_pr_border-image.asp

   Posted 8 months ago
3. 

   caucus
   

   offline

   Member

   Hello Savio

   Yes, I am going to use Harmony and yes all those tables have to go.
   Thank you fo for the link.

   The challenge is on. I hav to figure out what menu is acceptable to them also. They have images now.

   Thanks again

   Posted 8 months ago

RSS feed for this topic

Reply

You must log in to post.