Re: [css-d] Unresponsive images

[Philippe Wittenbergh]

Le 11 juin 2013 à 08:37, David Hucklesby  a écrit :

> Coming late to the party, I'm attempting my first "mobile first" design. 
> Having
> trouble with this code for images on iPad:
> 
> .col > div > img {
>width: auto;
>height: auto;
>max-width: 100%;
>max-height: 100%;
> }
> 
> Here's what I see on my iPad:
> 
> 
> 
> The test site is here:
> 
> 

Seems to work correctly on my iPad2 / iOS 6.1 (and I checked with iOS 
simulator, on iOS 5.1 the image doesn't stretch to the bottom, but is larger 
than what you have in your screenshot.

A wild guess (perhaps under some circumstances the browser is off):add 
!important to the width and height (to override the width and height set in the 
html code).

Philippe
--
Philippe Wittenbergh
http://l-c-n.com




__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Unresponsive images

[David Hucklesby]

Coming late to the party, I'm attempting my first "mobile first" design. Having
trouble with this code for images on iPad:

.col > div > img {
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
}

Here's what I see on my iPad:

 

The test site is here:

 

... and here's a dabblet showing the basic code used:

 

Works on all my Mac browsers, even Firefox 3.6! No Windows testing yet.

Is there a more reliable way of making the images responsive here?
Solutions and suggestions greatly appreciated.
--
Cordially,
David
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] ADMIN: from michael ray enjoy!

[Eric A. Meyer]

   Sorry for the noise, folks.  We shouldn't be troubled from that 
particular source again.
   There are days when I think about just adding a filter to block 
all mail from yahoo.com addresses.  I didn't do it today, mostly 
because a database search confirmed there are almost 500 list members 
with Yahoo addresses... but tomorrow is another day.


--
Eric A. Meyer (http://meyerweb.com/eric/), List Chaperone
"CSS is much too interesting and elegant to be not taken seriously."
  -- Martina Kosloff (http://mako4css.com/)
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] How best to revise my style sheet? Reverse it?

[Greg Gamble]

Here's a nice little app to pull out all the available classes and id's on the 
page ...  for a fresh start.

http://primercss.com/index.php

Greg Gamble
SBCTC - Olympia | Information Services

-Original Message-
From: css-d-boun...@lists.css-discuss.org 
[mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of Keith Purtell
Sent: Friday, June 07, 2013 9:08 PM
To: css discuss
Subject: [css-d] How best to revise my style sheet? Reverse it?

I recently looked at the style sheet for my long-neglected hobby site. 
It's a train wreck. I started thinking about the best way to rebuild it 
from scratch. Remembered some comments I may have heard here about 
building first for mobile devices, then adding any CSS necessary for 
computers/laptops. Is that good practice? Didn't find any discussion of 
this via Google. Tips?

-Keith

__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/