The use of a modal display could be interesting. There are a few examples on the W3C website which could be worked with.
The image (galleries), forms and the tabbed dislays are cases in point.
There are many things that can be done here. This modal is the basis of my Link Shim method.
In this example we add tabbed content inside the modal.
×
Tabbed Modal
About this Modal Display
The demo was taken from the W3C Schools site and the London Paris and Tokyo tabs edited.
I have added content to the tabs to see how they display across devices
I have left the container classes for the tabs as "citys"
The use of H2 tag in the header was changed to a p tag to match the × character - this also a possible interaction between the css files
The Javascript for the openCity() probably needs me to look at it.
Limits
The use of the W3.css interfere with my main css menu colours.
At the moment I have not worked out why and suspect that I could override the colours on the pages where I use rwd.css
Having a link to another page, as above to the override page, closes the modal and possibly confuses the user (or at least interferres with the page flow)
Use
I could use this Modal on the Parish Council site and have Meetings, Agenda and information on the Council in different tabs.
This would be a lot of work and potentially never seen or apreciated for those it was written.
