We're calling on all EU-based Mozillians with iOS or iPadOS devices to help us monitor Apple’s new browser choice screens. Join the effort to hold Big Tech to account!

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

Firefox seems to be breaking my html code

more options

hello -

I have the following HTML:

<a class='login' href='https://mydomain.com/'>

<img width='200' height='50' src='https://developers.google.com/identity/images/btn_google_signin_dark_normal_web.png' alt='Login Logo' /> <!--notice trailing space character and forward-slash character-->

</a>

This works fine in Chrome, but in Firefox 68.0.1, the trailing space and the slash character between the last single quote and the close-arrow character of the tag is being eliminated when the page loads, so the HTML looks more like this:

.............._normal_web.png' alt='Login Logo' ></a>

and the image is not loading, and instead, the "alt" text appears instead.

However, when i RIGHT_CLICK it, select "Inspect element" and "Edit HTML", then and add the space and forward-slack back in the code, then it looks fine.

Does anybody have any thoughts why firefox might be eliminating the space and forward-slash character? is there an easy workaround?

Here is the URL that is failing: https://comptonpeslonline.com/assignments/

hello - I have the following HTML: &lt;a class='login' href='https://mydomain.com/'> &lt;img width='200' height='50' src='https://developers.google.com/identity/images/btn_google_signin_dark_normal_web.png' alt='Login Logo' />&nbsp;&lt;!--notice trailing space character and forward-slash character--> &lt;/a> This works fine in Chrome, but in Firefox 68.0.1, the trailing space and the slash character between the last single quote and the close-arrow character of the <img> tag is being eliminated when the page loads, so the HTML looks more like this: .............._normal_web.png' alt='Login Logo' ></a> and the image is not loading, and instead, the "alt" text appears instead. However, when i RIGHT_CLICK it, select "Inspect element" and "Edit HTML", then and add the space and forward-slack back in the code, then it looks fine. Does anybody have any thoughts why firefox might be eliminating the space and forward-slash character? is there an easy workaround? Here is the URL that is failing: https://comptonpeslonline.com/assignments/

Modified by edwardsmarkf

Chosen solution

never mind, fixed it with css, but it still seemed pretty odd....

i figure it works in chrome, it should work the same in firefox.

Read this answer in context 👍 0

All Replies (2)

more options

<deleted>

Modified by edwardsmarkf

more options

Chosen Solution

never mind, fixed it with css, but it still seemed pretty odd....

i figure it works in chrome, it should work the same in firefox.