I want to include the following at the bottom of every screen:
I want to have the two rounded rectangles linked to external webpages.
The following HTML will produce this image:
<br><br> <table width=100% bgcolor=#2A2D7B> <tr> <td align=center><br><a href="https://lexingtonhistory.org"><img width=120px src=https://forsdick.com/walkingTours/images/LHSocLogo.png></a></td> <td align=center><br><a href="http://visitlex.weebly.com/donate.html"><img width=120px src=https://forsdick.com/walkingTours/images/DonateForWalkingTours.png></a></td></tr> <tr> <td align=center colspan=2 ><font color=#FFFFFF><B>Copyright © 2020<br>Lexington Historical Society<br><br></b></td> </tr> </table>
The results of this code is shown above.
The problem I am having is that when I use this code in a Rich Text field, the two image buttons show up with broken image icons both in the laptop browser view and my iPhone smartphone view.
You can see this problem by going to https://lexbyfandp.glideapp.io/ and scrolling to the bottom of any screen.
So, I have concluded I need to try to create this using standard Glide mechanisms, but I’m not sure the best way to do this.
So, I have two questions:
- Do I really need to do this? Or is there something wrong with my HTML?
- If I can’t use HTML, what is the best way to do this using Glide constructs?