On Fri, Jan 3, 2014 at 1:12 AM, Philippe Wittenbergh <[email protected]> wrote:
> > Le 3 janv. 2014 à 03:16, Christopher Akins <[email protected]> a écrit : > > > Does anyone have any ideas as to how that could happen? Obviously, we > need > > to be able to set the featured image within WP for page load reasons, but > > it sure seems like the CSS should apply regardless of what an image's src > > path is. > > > > The code for two entries is below. The first image in the first <li> is > > NOT obeying the CSS rule, the second is obeying it. > > > > ••••• > > > > ….. > > > > ••••• > > > > Assuming the website in question is http://cityview.springfieldmo.gov > (always good to mention that explicitly) > > In this stylesheet: > http://cityview.springfieldmo.gov/wp-content/themes/videozoom/style.css > inside your screen and (max-width: 1000px) {} block you have this: > > #content ul.posts div.cover img, > #content .widget ul.posts div.cover { > width: 100%; > height: auto; /* < - - - - - !!!! */ > max-width: 100%; > } > > Note the ‘height: auto’. > The image will be scaled to the width of the container, the height will be > adjusted automatically based on the intrinsic dimensions of the image. For > windows larger than 1000px, the height of the images is locked to 128px, > set in > > #archive img.Thumbnail { > height:128px; /* < - - - - - */ > border-radius: 5px; > /* … */} > In your > http://cityview.springfieldmo.gov/wp-content/themes/videozoom/custom.cssfile > > You can reproduce the same issue with desktop Safari or Firefox or any > other recent browser, if you make your browser window narrower than 1000px. > The above media query will also kick in. > > Yes, cityview.springfieldmo.gov IS the website in question. Sorry I missed including the URL. And thanks for the heads up and insight into the basics of why the images are losing their 16:9 proportions on the smaller screens. This is my first foray into media queries as well - I know about them, just haven't personally used them yet. So I will definitely look into the rules you mentioned. However, the core of my initial question is still that the rules for the thumbnail images are ONLY being applied to images sourced from one of the two images paths. There's nothing different about the HTML code for the images other than their "src=" path. How could the source for the images effectively render the CSS differently depending on which path to the file is being used? ______________________________________________________________________ css-discuss [[email protected]] 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/
