Home/ Questions/Q 4087024
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-20T18:48:10+00:00

This is interesting. The attached very simple code gives nice ‘background highlighted’ text in

  • 0

This is interesting. The attached very simple code gives nice ‘background highlighted’ text in Firefox, but displays no highlighting in IE7 (and possibly others, not yet tested).

The use of such inline elements is important because I’m using them in a grid to highlight important words etc.

Test.html

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <link rel="stylesheet" href="Test.css" type="text/css" />
</head>
<body>
This is <hlr>a test</hlr> of the <hlr>highlighting</hlr>
</body>
</html>

Test.css

/*RED Highlighted text.*/
hlr
{
    background-color: #FF5555;
    font-weight: bold;
    font-size:100%;
}

Bizarre! Any thoughts on how to remedy it?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    hlr is invalid markup. Try this instead:

    <html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <link rel="stylesheet" href="Test.css" type="text/css" />
</head>
<body>
This is <span class='hlr'>a test</span> of the <span class='hlr'>highlighting</span>
</body>
</html>

    then:

    /*RED Highlighted text.*/
.hlr
{
    background-color: #FF5555;
    font-weight: bold;
    font-size:100%;
}
    • 0