Responsive images

Important note here: http://www.456bereastreet.com/archive/201306/how_to_proportionally_scale_images_that_have_dimension_attributes/

Walter


dynamo mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

The last option mentioned is the one I employed for Backdraft:

width:auto !important;
height:auto !important;
max-width:100% !important;

If you don’t employ the annoying !important, Freeway’s own CSS will override it.


dynamo mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

There’s usually ways around that. If you’re trying to override a master page CSS setting, you need to do #whatever, #whatever.f-ms { your style here } to overcome the greater specificity of the compound selector. Then, as long as your override style comes later in the source order, it will have enough “juice” to overcome the Freeway style.

Walter

On Jun 13, 2013, at 9:27 PM, Caleb Grove wrote:

The last option mentioned is the one I employed for Backdraft:

width:auto !important;
height:auto !important;
max-width:100% !important;

If you don’t employ the annoying !important, Freeway’s own CSS will override it.


dynamo mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


dynamo mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I know that !important is like a Get Out of Jail Free card for web
designers, but it always feels to me like an admission of defeat.


Ernie Simpson

On Thu, Jun 13, 2013 at 9:27 PM, Caleb Grove email@hidden wrote:

The last option mentioned is the one I employed for Backdraft:

width:auto !important;
height:auto !important;
max-width:100% !important;

If you don’t employ the annoying !important, Freeway’s own CSS will
override it.


dynamo mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


dynamo mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

There’s usually ways around that. If you’re trying to override a master page CSS setting, you need to do #whatever, #whatever.f-ms { your style here } to overcome the greater specificity of the compound selector.

Correct. The reason why I didn’t go that route is because I couldn’t predict what the Backdraft customers would name the element, and there are usually more than one instance of a flexible image per page. There is no excuse for using !important while hand-coding, as you have complete control over the selectors. However, when you are dealing with a program like Freeway, there is sometimes no alternate way to style an element.


dynamo mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options