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.
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.
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.
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?
Really, no solution for this...?
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?
There must other issues?
Do you have a URL we can look at?
http://ilonasnailart.fi/fi/palvelut/tuotteet
Like i said works fine with Chrome but not with Firefox. :S
Like i said works fine with Chrome but not with Firefox. :S
Why r u using tables (old coding) and they are not responsive by default?
Use divs or adjust css to cope with tables!
Use divs or adjust css to cope with tables!
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?
See if my earlier thread helps: https://www.concrete5.org/community/forums/customizing_c5/image-bloc...
