Due to other code that does not validate with html5 the page was declared as
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
In fact, what I have done defeats th whole purpose of solving the earlier problem that was that popup lists in the lat row got cut off by the end of the <ul></ul> block. Hover over “Spain” to see what I mean
That’s exactly what I had (and may have to go back to). The problem is that I want to introduce lists generated by tooltip (see the link button for "Spain). if the list is very long it gets cut off at the beginning of the next <ul> So, I decided to make just one long list and it works fine, BUT does not validate because of the H2 and H3 tags.
Like felgall and TechnoBear warned me above, the “tooltips” don’t work with touch screens. It goes directly into whatever link is in the code. That defeats the whole purpose of the page. If I have to write a new page for each country, in this Accor webpage alone I have 92. And then I have more than a dozen other pages. I could see myself with an extra 1000 pages and a lot of work updating them! And the current script would be unnecessary,
You mentioned :focus. I have not used it before and so far have been unable to get it to work as you can see in my last few posts. Until I find a way of solving the touch screen issue there is no point in going on with the page. The other matter of keyboard users is not a problem inasmuch as I can always leave a prominent message telling them about it.
If you could help me setting up the :focus, if it might solve the problem, I would be very grateful
One of my attempts at coding the :focus is commented out in the <head> of the html along with the rest of the tooltips css code. It causes serious problems to the page and therefore is definitely wrong. Mayve I shouls have deleted something else.