Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Why doesn't the title of a link show when using a <strong> tag inside it

Code

Here is the HTML code:

<li>
  <a href="./hacks/hacks.html" title="Break the rules with techniques, not malicious invasion into computer and destroy the computer network.">
    <strong>HACKS</strong>
  </a> -
  <em>Break the rules with techniques, not malicious invasion into computer and destroy the computer network.</em>
</li>

Problem

The problem is when I put mouse focus on the link, the title (Break the rules with techniques, not malicious invasion into computer and destroy the computer network.) won't show up. when I delete the <strong></strong> between HACKS, it works. (IE 10)

Screenshots

  • Screenshot - works in IE 10 without <strong></strong> Title works without strong [title-works-without-strong]
  • Screenshot - doesn't works in IE 10 with <strong><strong> Title doesn't work with strong

After I change the browser to Chrome 27, the title worked.

Guys, any explanation?

like image 826
Albert Avatar asked Oct 22 '22 07:10

Albert


1 Answers

How's about moving the strong outside the anchor:

<li>
  <strong><a href="./hacks/hacks.html" title="Break the rules with techniques, not malicious invasion into computer and destroy the computer network.">
    HACKS
  </a></strong> -
  <em>Break the rules with techniques, not malicious invasion into computer and destroy the computer network.</em>
</li>

Tested on IE7

like image 182
dannrob Avatar answered Oct 28 '22 22:10

dannrob