Strikethrough Is Thin On Google Chrome

Discussion in 'HTML & Website Design' started by jordan9977, Jan 27, 2013.

  1. #1
    Hey the I have a strikthorugh on one of my words that appears thick in mozilla firefox, but really thin on google chrome, like too thin. Does anyone know the solution to this?
     
    jordan9977, Jan 27, 2013 IP
  2. riteshsanap

    riteshsanap Well-Known Member

    Messages:
    217
    Likes Received:
    2
    Best Answers:
    3
    Trophy Points:
    168
    #2
    Well, it might be because they use different default CSS, it is one of the most reasons Web Developer use Resets before writing new CSS for websites
     
    riteshsanap, Jan 27, 2013 IP
  3. Rukbat

    Rukbat Well-Known Member

    Messages:
    2,908
    Likes Received:
    37
    Best Answers:
    51
    Trophy Points:
    125
    #3
    It's the same reason that water is wet but sand isn't. Chrome uses a thin default strikethrough, Firefox uses a thicker one. That's just how they were written. You can create an HR as thick as you like and use CSS to place it over the text you want stricken, instead of using strikethrough.
     
    Rukbat, Jan 28, 2013 IP
  4. jordan9977

    jordan9977 Member

    Messages:
    49
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    36
    #4
    How to I go about doing this. I tried to get a line as an image but I couldnt seem to get the line to go over top of the text.
     
    jordan9977, Jan 28, 2013 IP
  5. Rukbat

    Rukbat Well-Known Member

    Messages:
    2,908
    Likes Received:
    37
    Best Answers:
    51
    Trophy Points:
    125
    #5
    Use an HR, not an image. Use CSS to position it.
     
    Rukbat, Jan 28, 2013 IP
  6. jordan9977

    jordan9977 Member

    Messages:
    49
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    36
    #6
    I couldn't figure out how to get it to go over top of the text though.
     
    jordan9977, Jan 28, 2013 IP