Is it possible to mark also the the selected (active) menu-title of one page, like it is colored (lightblue)when "onmouseover" is active?
So you see only at the Breadcrumb-Navigation / Locator which page is displayed.

kind regards

Last edited by ojay on Thu May 19, 2016 4:08 pm, edited 1 time in total.

ojay wrote:it is not working at subsites, like the example picture with the red dots.

Ah, I see. I assume that you're using the SubsiteFuncs plugin[1]. Apparently, SubsiteFuncs doesn't set the customary (s)doc(s) classes in the menu, so some other selector has to be found. Maybe you can start with the following:

May i continue in this thread? I am improving the device independence of epi.ritzert.net.

I have implemented the technique used in the default responsive template into my own template, whaich was pretty straightforward

Unfortunately this fails, at least on cell phones with high res displays. Reason: the template just checks the pixel resolution. According to a suggestion i found in selfhtml, i changed the relative units to em and occasionally ex. Again straightforward, especially because that had already been the case in a very early version of that template.

It mostly seems to work (b.ritzert.net). Wide screens get the old sidebar view, narrow screens get a pulldown menu. I think the present state, although not fully done, is an improvement over the original style sheet, so i consider to install it before i procede. Unfortunately i cannot test this on a mobile device - i still use my 12 year old Palm Treo 650...

Nevertheless there are some edges: some (low res) displays require scaling of the pictures, Moreover i have no real clue how many ems can be put into a row of text. I did some trial and error estimate which seems to be useful as a rule of thumb. Are there any documeented defaults available?

(If yes, it would be nice to overwork the responsive template. I might actually do this by myself as soon as i have reached a stable state with my own three sites i must support.)

I tried to play with mediaquerries so that (ignoring existing resolution) I set @mediaquerry blocks for widths only with steps by 100px from 300min to 1900min. Then I set "page-wrapper" container with margin:auto so with each resolution the container is centered. I have chance to test pages on android table, MAC table, widows notebook, netbook, iPhone6 and Samsung smartphone, anlso various resolution with FireFox Developer tools. On most of devices I am pretty satisfied with his approach. On some of them the rpaces sight/left are more or less disturbing. Also, very nice result are achievable with viewport related units (vw, vh). But those are not yet supported by all browsers.
It is impossible to make a template that would fit to all possible devices. There are blogs and forums, manuals etc. But the best I have found so far is https://css-tricks.com/snippets/css/med ... d-devices/.

CMSimple.skIt's no shame to ask for an answer if all efforts failed.
But it's awful to ask without any effort to find the answer yourself.

beate_r wrote:Unfortunately i cannot test this on a mobile device - i still use my 12 year old Palm Treo 650...

There are some emulators available. Not sure if the Opera Mobile emulator is still of value (I used it when Opera 12 was in use), but there are some online tools available as well, see http://t3n.de/news/8-tools-testen-mobil ... es-436988/. And of course, the developer tools of contemporary browsers already offer some support for that.

beate_r wrote:Nevertheless there are some edges: some (low res) displays require scaling of the pictures,

Using percent (%) values might be helpful with regard to images (and more). However, this might still require the visitor to download large images only to see them in a scaled down version in the browser – pretty inefficient. Using
the new picture element appears to be reasonable nowadays. There are also server side solutions available; one of these has been suggested in this forum some time ago, but I can't find the thread.

BTW: today i had the opportunity to test the site on an android machine with a pretty small pixel resolution. Basically okay; i will go productive after a minor change before i continue optimising the template.