Avatar for Username

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

This thread was archived. Please ask a new question if you need help.

html5 <del> tag support

  • 5 replies
  • 1 has this problem
  • 1 view
  • Last reply by elearner

elearner
elearner
more options

Hi,

I am very disappointed by the way that Mozilla Firefox support tag. Please, try to display the code below with Firefox then Safari : you will get why I mention that Firefox has a wrong <del> tag support : 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    
    <style>
h1 {
font: 3.4em/4 "Helvetica Neue";
font-weight: 100;
font-style: italic;
}
    </style>
    
</head>
<body>

 <h1>My <del>ex</del>Title</h1>

</body>
</html>

Hi, I am very disappointed by the way that Mozilla Firefox support <del> tag. Please, try to display the code below with Firefox then Safari : you will get why I mention that Firefox has a wrong <del> tag support : <pre><nowiki><!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <style> h1 { font: 3.4em/4 "Helvetica Neue"; font-weight: 100; font-style: italic; } </style> </head> <body> <h1>My <del>ex</del>Title</h1> </body> </html></nowiki></pre>

Modified by cor-el

All Replies (5)

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
more options

Can you attach a screenshot to show the difference?

Use a compressed image type like PNG or JPG to save the screenshot.

elearner
elearner Question owner
more options

There are 2 screenshots. The first one is Firefox and second one is Safari.

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
more options

So Firefox displays the strike through thicker and at a higher position.

Does this happen with all fonts?

I'm not having this Helvetica Neue font, but Firefox shows the strike through at about the middle of the characters for me.

jscher2000 - Support Volunteer
jscher2000 - Support Volunteer
  • Top 10 Contributor
more options

I can only compare Firefox and Chrome. Seems that both place the line through the center of a lower case x (half of the x-height) when the font size is a bit larger but where they vary, Chrome aims higher and Firefox aims lower.

Test page: http://jsfiddle.net/3futZ/

Not sure there is any applicable standard for exactly where a line-through is drawn.

Note: You can change the font-family in the Fiddle and save as a new version if you like.

Modified by jscher2000 - Support Volunteer

elearner
elearner Question owner
more options

Thank you jscher2000! As you said I don't think there is any applicable standard for this issue.

http://jsfiddle.net/elearnerjs/JL98G/