Firefox seems to be breaking my html code
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/
Modified
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 👍 0All Replies (2)
<deleted>
Modified
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.