Avatar for Username

Etsi tuesta

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.

Lue lisää

Ketju on arkistoitu. Esitä kysymys, jos tarvitset apua.

html5 <del> tag support

  • 5 vastausta
  • 1 henkilöllä on sama ongelma
  • 2 näyttöä
  • Viimeisin kirjoittaja 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>

Muokattu , muokkaaja cor-el

Kaikki vastaukset (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 Kysymyksen kysyjä
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.

Muokattu , muokkaaja jscher2000 - Support Volunteer

elearner
elearner Kysymyksen kysyjä
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/