Responsive images

Permalink
Hi!

I noticed there is a problem in Firefox with responsive images since C5 prints image width and height automatically, or at least i think this is what causes images not to resize in Firefox. With Chrome it works fine. What would be the best way to prevent C5 adding width and height and to add class="img-responsive" (now i've done it just by adding it manually to sourcecode)?

Thanks.

Wanhaonki
View Replies:
PineCreativeLabs replied on at Permalink Reply
PineCreativeLabs
The only thing you can do is to make a custom template for whatever block you're using and simply not include the width and height within the img tag, and include the img-responsive class.
Wanhaonki replied on at Permalink Reply
Wanhaonki
Im having a little difficulties to sort out what place should i edit / what to copy for my custom template... I have added my images with Redactors "add image" option, not as a image block, so if i got it right im not supposed to use "concrete/blocks/image" as a base for my custom template... So where can i find the right place?
Wanhaonki replied on at Permalink Reply
Wanhaonki
Really, no solution for this...?
Steevb replied on at Permalink Reply
Steevb
ALL Images need width and height for both best code practise and accessibility?

There must other issues?

Do you have a URL we can look at?
Wanhaonki replied on at Permalink Reply
Wanhaonki
http://ilonasnailart.fi/fi/palvelut/tuotteet

Like i said works fine with Chrome but not with Firefox. :S
Steevb replied on at Permalink Reply
Steevb
Why r u using tables (old coding) and they are not responsive by default?

Use divs or adjust css to cope with tables!
Wanhaonki replied on at Permalink Reply
Wanhaonki
I dont see any problem with tables, correct me if im wrong but Firefox appears to handle it differently than Chrome when there is image width and height and also img-responsive given?
Steevb replied on at Permalink Reply
Steevb