I have a table with a background image that I need to line up with a button that is embedded in the background image -- as well as some text that needs to be typed with HTML.
Here it is on a test page.
I have some css that I am adapting from another solution that was given me yesterday on EE for a similar table with a background image. The Expert went though a lot of back and forth -- and since this is a very similar situation I figured we should start with the css already used. I only changed the Table ID.
The CSS was for a table with multiple columns and about 20 rows
This NEW table only has one column and 3 rows. But I have linked the table ID to the css. Obviously the css needs to be modified because of all the columns. etc.
I need to align the top of the 3 rows to the Buy Now button area. In the final graphic I will remove the buy now button from the graphic and insert a buy now button on the table and link it to an external site.
The other 2 rows are for the text links on the bottom. Right now the text links are built into the graphic. In the final graphic those words will be removed and it will just be a grey area. I am including the words now just for reference.
BTW -- I'm using a table etc to keep things simple for the client so they can copy it and use it for other pages with different text links and buy now button lnks. I realize there may be other ways to do this other than a table, but since they will be using the solution provided to me on a previous experts exchange question that used a table for a similar situation, I figured to do this the same way to keep their learning process simple.