Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    text
    copied!<p>This is because of your javascript code</p> <pre><code>&lt;script type="text/javascript"&gt; $(document).ready(function () { $('.maincaptionsmall').wrapInner('&lt;a href="http://main.com/" style="maincaptionsmall"&gt;&lt;/a&gt;'); $('.timecaptionsmall').wrapInner('&lt;a href="http://time.com/" style="timecaptionsmall"&gt;&lt;/a&gt;'); $('.l').wrapInner('&lt;a href="http://gallery.com/" style="galleryscaptionsmall"&gt;&lt;/a&gt;'); $('.r').wrapInner('&lt;a href="http://patient.com/" style="patientscaptionsmall"&gt;&lt;/a&gt;'); $('.cost').wrapInner('&lt;a href="http://contact.com/" style="contactcaptionsmall"&gt;&lt;/a&gt;'); $('.lowerBound').wrapInner('&lt;a href="http://address.com/" style="addresscaptionsmall"&gt;&lt;/a&gt;'); $('.conclusion').wrapInner('&lt;a href="http://services.com/" style="servicescaptionsmall"&gt;&lt;/a&gt;'); }); &lt;/script&gt; </code></pre> <p>Your first two lines adds anchor tag within the span containing the text. But the other lines add anchor tag to the parent container(See how you have to click on the text in the time and main bubbles for redirect but you can click anywhere on the bubble for others for redirect). your styles</p> <pre><code>.timecaptionsmall a:hover {text-decoration: none; color: yellow;} </code></pre> <p>look for anchor tag inside of the span of the text. When this is adhered, your hover works(which is the first two cases). For the other cases, since there is no anchor tag on the inside of the span containing the text, your hover does not work.</p>
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload