troubleshooting Question

Aligning rows on table with background image

Avatar of Rowby Goren
Rowby GorenFlag for United States of America asked on
19 Comments1 Solution188 ViewsLast Modified:
Hello all!

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.


Join our community to see this answer!
Unlock 1 Answer and 19 Comments.
Start Free Trial
Learn from the best

Network and collaborate with thousands of CTOs, CISOs, and IT Pros rooting for you and your success.

Andrew Hancock - VMware vExpert
See if this solution works for you by signing up for a 7 day free trial.
Unlock 1 Answer and 19 Comments.
Try for 7 days

”The time we save is the biggest benefit of E-E to our team. What could take multiple guys 2 hours or more each to find is accessed in around 15 minutes on Experts Exchange.

-Mike Kapnisakis, Warner Bros