Can anyone spot why Google Chrome is not picking up the .WebYepGalleryImage { border-radius: 10px} on the gallery images where firefox and safari do?
However Google chrome does see .cornerstop { border-top-left-radius: 10px; border-top-right-radius: 10px;} on #cake-base
http://bianchi bakery.co.uk/index.php
–
David
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Hi David –
Chrome is indeed rounding the border edges of the enclosing divs… it is
just not clipping the corners of the contained image. There are reports
about this issue going back at least a year. Apparently Chrome will clip a
background image but not a contained img.
You can see the same problem with my portfolio site:
http://portfolio.thebigerns.com/printdesign.html
By giving my thumbnails a colored css border with a small curve, I think
most people will forgive the image’s hard corner in favor of the border’s
softer curve.
What do you think of this?
http://cssway.thebigerns.com/workbench/du_jour/david-bianchibakery/
–
Ernie Simpson
On Fri, Aug 31, 2012 at 8:03 AM, David Owen <
email@hidden> wrote:
Can anyone spot why Google Chrome is not picking up the
.WebYepGalleryImage { border-radius: 10px} on the gallery images where
firefox and safari do?However Google chrome does see .cornerstop { border-top-left-radius:
10px; border-top-right-radius: 10px;} on #cake-basehttp://bianchi Bakery Computing – Serving the Food Industries computer needs for over 40 years
–
David
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Ahh… of course!! It’s behind. It’s a bit poor when IE 8,9,10 are OK with this.
This also look like the same thing is happening with iecss3.htc and more - earlier versions of IE will have to just fail.
–
David
On 31 Aug 2012, at 14:55, Ernie Simpson wrote:
Chrome is indeed rounding the border edges of the enclosing divs
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Safari and Chrome are -webkit browsers I think, but clearly Google has not
chosen to adopt the spirit of the specification as Apple has… it is unclear
to me if this is Google being fussy over the spec, as I find it hard to
believe they are just slow about it.
Here is a possible javascript - jQuery solution:
http://www.swedishfika.com/2010/03/19/rounded-corners-on-images-with-css3-2/
–
Ernie Simpson
On Fri, Aug 31, 2012 at 10:29 AM, David Owen <
email@hidden> wrote:
Ahh… of course!! It’s behind. It’s a bit poor when IE 8,9,10 are OK
with this.This also look like the same thing is happening with iecss3.htc and more -
earlier versions of IE will have to just fail.–
David
On 31 Aug 2012, at 14:55, Ernie Simpson wrote:
Chrome is indeed rounding the border edges of the enclosing divs
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
It’s the clipping div path that has the rounded corners not he image. The thumbnail images are much larger
–
David
On 31 Aug 2012, at 16:03, Ernie Simpson wrote:
Here is a possible javascript - jQuery solution:
http://www.swedishfika.com/2010/03/19/rounded-corners-on-images-with-css3-2/
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Right, the container div. In other browsers, the rounded corners “clip” the
contained image element while Chrome only clips the div background.
Earlier fixes used overflow:hidden to keep the image corners from peeking
over the div corners, but that no longer seems to work for current version
of Chrome.
Ernie Simpson
On Fri, Aug 31, 2012 at 11:26 AM, David Owen <
email@hidden> wrote:
It’s the clipping div path that has the rounded corners not he image. The
thumbnail images are much larger
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Ernie
Just out of interest how would you horizontally and vertically centre an image inside a clipping div when you don’t 100% know what height and width is of said image is because its uploaded with a CMS - is there an improvement on what I’ve done here?
David
On 31 Aug 2012, at 17:25, Ernie Simpson email@hidden wrote:
Right, the container div. In other browsers, the rounded corners “clip” the
contained image element while Chrome only clips the div background.Earlier fixes used overflow:hidden to keep the image corners from peeking
over the div corners, but that no longer seems to work for current version
of Chrome.Best of luck,
Ernie Simpson
On Fri, Aug 31, 2012 at 11:26 AM, David Owen <
email@hidden> wrote:It’s the clipping div path that has the rounded corners not he image. The
thumbnail images are much larger
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options