Search:

I am having problems with the accordion menu on my website. The menu works fine, but the latest version of Google Lighthouse is now telling me that the Javascript is flawed. Lighthouse is now...

1) Script Title: Ultimate Fade-in Slideshow

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex14/fadeinslideshow.htm

3) Describe problem: I have several dozen pages that use this...

Thank you so much for your suggestion on changing the links to relative links. I have been gradually doing so, in between other projects. I have been using Google Lighthouse to try to clean up my...

Thank you. I tried this. The problem is that it messes up the design. I don't want the word search in front of the search box. I just want the search box plus the little search icon. I followed...

When I do a Google Lighthouse mobile audit on any of my web pages, I get dinged under accessibility for something in the Google search box I use on every page.

Here is the web page I did an audit...

I think I might have figured out how to fix this. I prowled the web and discovered that Chrome gets very upset if it encounters mixed content,meaning that there are subresources on a page that load...

1) Script Title: Ultimate Fade-in slideshow

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex14/fadeinslideshow.htm

3) Describe problem: This morning, a telephone technician at...

Ah, that fixed it!! Thank you!

Hi Arie,

Thank you very much! I made the suggested changes, revalidated in the W3C Validator, and most of the errors went away. The two innocent errors (webkitallowfullscreen and...

1) Script Title: jQuery Scroll to Top Control

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex3/scrolltop.htm

3) Describe problem: Once again, I come back for advice and...

Ah, great minds think alike! Yes, it finally occurred to me to try this approach. I created a test page which used the W3 Schools code only, the page consisted only of the W3 Schools code and no...

Arie: I tried the revised code you sent me on 28 November. after clearing the cache on my iPad for Chrome and Safari (as suggested by John). The change, sadly, did not solve the problem. The...

Thank you for the suggested revision of the code, which is now:


.tooltip img {
float:left;
margin:0px 8px 8px 0;
width: 200px;
border-radius: 4px;
}

Thank you for the suggestion, Arie. I cut and pasted your suggested code. It did not seem to make any difference. The tooltips still work on all six desktop browsers I have on my machine (Chrome,...

Thank you. Here is the link: http://wildadirondacks.org/adirondack-wildflowers-shinleaf-pyrola-elliptica.htmlhttp://wildadirondacks.org/adirondack-wildflowers-shinleaf-pyrola-elliptica.html

Thank you for the suggestion about removing visibility: hidden. I tried it. It did not solve the problem.

Well, I tried this. If I understand you correctly, you are suggesting that I add this code:


/* Show the tooltip text when you tap the tooltip container on an iPad */
.tooltip:active...

If I understand you correctly, you are suggesting that I remove the code for fade-in, which I believe is this:


/* Fade in tooltip */
opacity: 0;
transition: opacity 1s;

So, I...

Thank you, but I want to avoid Javascript or jQuery.

I want to stick with the CSS-only tooltip I adapted from the W3 Schools tooltip tutorial. Their tooltips work perfectly in Chrome and Safari...

I am trying to use tooltips to explain some botanical terms on my web pages. The page in question is here:

http://wildadirondacks.org/adirondack-wildflowers-shinleaf-pyrola-elliptica.html

The...

Well, that was easy! Thank you so much! I had no clue that the problem had to do with stack order. This fixes the problem of the tool tip cutting off on desktop browsers and on the two iPad...

I am trying to use tooltips to explain some botanical terms on my web pages. I consulted w3schools’ tooltip tutorial page and added the recommended css and html, modified a bit for my purposes. The...

Thank you. This looks a bit complicated. I think I will need to experiment with each of these three strategies using demo pages, to see how everything works, before I try to apply any of them to my...

I would like to extend my left-hand navigation panel to the footer, so the panel does not come to abrupt end, which tends to look a bit odd.

Here is the way one of the pages looks now:...

Many thanks!

I incorporated the revision to the css plus the revised script. All seems to be working fine on all browsers (with the exception, of course, of the iPad browsers -- the accordions...