Yes, you are right. I've been thinking about trying to make my web site into a responsive web designed site for some months and I think now that I've gone over to html 5 it may not require too many changes. Unfortunately I am really busy with trying to update the content of my website with an Easter deadline and things like this menu drag me away from that for days at a time. It isn't urgent for my site yet but I know so many people who have suddenly decided to get the Nexus 7 (people my age, not young people) so I think tablets really are going to be big and eventually we will all need to have websites that present well on them. Thanks for the link and as usual thanks for all the encouragement and support you have offered. No doubt we'll be in touch again at some point in the future. Perhaps when I've downloaded CoffeeCup's own html editor for making responsive sites!

Did you download the source files from the responsive web design site? I did and when I extracted them and clicked on index.html it did not show what it should have done. When I checked the files on my computer against the list of files that I should have had, according to the website, a lot of them were missing.

I just found out why my trial menu page opens with the top left quarter of the web page showing and you have to pinch, zoom out to see the whole of the page. It's because I'm using the viewport meta on a non-responsive website. It probably accounts for all the other problems too. The advice seems to be to not use that meta tag unless you are building a responsive website. So I'm going to take it out. It means that the page presents properly in all browsers in portrait and landscape view but in portrait view visitors will have to zoom in to use the menu. Also the drop down menu still works properly.

I'll put the viewport meta tag back in when I've got a responsive web site!


It would be interesting to know more about the behaviour of mobile device users. For example, if they look at a site in portrait view and it is too small what percentage will turn to landscape view?

Sorry for the tag recommendation. I thought you were building a responsive site.

Just part of the learning process for me.

So is your navigation working the way you like now?

Yes, the menu drops down and stays down when clicked and goes away when you click elsewhere and there is a margin either side of the text, even in portrait view. Obviously it's easier to read and navigate in landscape view. And on a ten inch tablet it should be even easier.

I don't know if I really need a responsive website. I don't have any columns or sidebars that can be rearranged underneath the article. I only have the article with embedded photos and on some pages a table with additional photos underneath. Developing a responsive site simply so I can have a vertical menu in portrait view, when portrait view is a poor way to look at my website (or any website as opposed to an app) seems to be a lot of work for very little gain.

I am still puzzled as to why the android versions of Firefox and Opera refuse to play embedded YouTube videos, even if they are embedded directly onto the page and not put in pop up boxes or a colorbox presentation, while Chrome has no problem playing them. Presumably we'll have to wait for these two browsers to catch up.

Unbelievable. The javascript for the menu is interfering with the javascript I use to turn tooltips into an attractive design to use for defining archaeological terms. Firstly it makes the text much larger, which isn't in itself a problem. But I added some code to position the tooltips so they are centred above the word I'm defining to stop the definition disappearing off the side of the screen if the defined word appears at the far right of the screen. Now it produces two tool tips -- a small empty box centred above the word to be defined and the tooltip in the original position, to the right of the word to be defined. Fortunately the website that had the menu also has a way of altering tooltips without using javascript so I'll have to take a look at that when I've got time.

Hello Ian,

You can find information on how to deal with conflicting Javascripts here http://rainbow.arch.scriptmania.com/scr … ejava.html

It is not an absolute fix but it works most of the time.

Hope this helps!

Thanks for the link. For some strange reason the problem disappeared the next time I turned on my computer. But I've bookmarked your link for future reference as I seem to be adding more and more javascript to my pages.