Can you give us a screenshot of this page in Muse, showing all element borders and additionally give us a link to your site?
Sure, no problem.
Below is the Muse screenshot. Attached is the link to my one website page.http://www.nicksmusiceducationandcompositions.com/my-compositions.html. If you can't open the file, just let me know.
Is the table widget overlapping the link and the caption?
This shouldn‘t be the case, if the elements are expected to influence each other dynamically.
Is the table widget in the background and the other elements in front?
I'm adding more space between the first table and the link, but when I Preview, the extra space isn't showing up. It's still showing the same amount of space between the two tables; the link and caption still aren't showing up. I will post screenshots of how the page looks underneath focusing on the problem area:
I am stumped.
How do I tell if the table widget is in the background with the other elements in front?
Have another look at my site online. My Compositions
Please delete all pages except the „My Compositions“ page. Save this small .muse file under a new name, upload it to Dropbox or a similar file sharing service and share the download link here. Then we can have a close look.
Poooh! This cant work!
You have placed the table HTML file onto a very high text frame using [Returns] to push the link and heading lines down. Onto this text frame you placed 2 tables. The consequence: There is no way for Muse or any browser to detect, when the link/heading lines have to be pushed down/up at different browser widths. This is only possible, when the document is structured in a correct way: One element after the other, no confusing overlaps.
So, the fix is very simple:
Place all the elements seperately and avoid any(!) overlapping. Muse handles dynamic, responsive elements correctly, if they don’t overlap (well, there are ways to overlap elements and cause them still react responsively, but this is not the subject here.)
So, create a series of separate elements:
- The initial text,
- the first table,
- the link and heading,
- the second table.
Now all works as expected.
I modified your .muse file to demonstrate this. Please have a look:
- Never use [returns] to achieve vertical gaps!
- Never use [blanks] to achieve horizontal gaps!
Thank you for all your help Gunter
Yea, it makes sense when I read your last post. Responsive website pages start from the top and work down. I'll work on it today and get it properly done up.