In Contao 3.5.4 I'm trying to to use the html5 <picture> element in a Custom HTML module.
This is the code:
Code:
<div class="logo col-xs-6">
<picture>
<source srcset="files/wellmade_2015/images/logo.svg" type="image/svg+xml">
<source srcset="files/wellmade_2015/images/logo.png" type="image/png">
<img src="files/wellmade_2015/images/logo.png" alt="Well-Made">
</picture>
</div>
But when I look at the rendered HTML it shows as:
Code:
<div class="logo col-xs-6">
<picture>
<source srcset="files/wellmade_2015/images/logo.svg" type="image/svg+xml">
<source srcset="files/wellmade_2015/images/logo.png" type="image/png">
<img src="files/wellmade_2015/images/logo.png" alt="Well-Made">
</picture>
</div>
And I don't know what I am doing wrong. I am using the right DOCTYPE <!DOCTYPE html>. Anyone else had this problem and found a solution?
Contao URL: http://www.well-made.nl/home.html (Not working)
HTML Recreation URL: http://www.well-made.nl/test.html (working picture tag)
Looks like it is a problem with all types of custom HTML elements in Contao. I am getting the following error in the HTML editor start tag seen without seeing a doctype first.
Any clue why? Yes I do have a doctype
Bookmarks