- This topic is empty.
August 8, 2012 at 7:57 pm #39273
This is my first post here, and First of all, I would like to thank all the pro’s here that give their time to help folks like me.
Now, that being said, I am stumped, I am developing an “open source” music site (so I don’t care about IE or Safari) since all the audio is in .ogg format. I have placed a page here
that works flawlessly in Firefox, however, it does NOT work the same way in Chrome or Opera, as you can see, the image doesn’t have rounding in Chrome or Opera
The css is located here
If you need to see the markup, it is here
As this site is just in the beginning, I need to get my template established and working correctly to continue on to other aspects.
Thanks in advance for any help, and hopefully an easy solution, else, I will need to make this a “Firefox” ONLY site.
Ps: I don’t normally resort to asking for help, as I am a trained coder. But I have already tried MANY things and done much research to no avail.August 8, 2012 at 8:00 pm #107544
Chrome seems to have a bug with border-radius on elements that are parents of images (http://code.google.com/p/chromium/issues/detail?id=71639). The easiest way to fix it is to place the border radius on the img element.
Here is a simple demo of the problem: http://jsfiddle.net/joshnh/5tmQF/August 8, 2012 at 8:13 pm #107547
Thx for your “immediate” response. I will try this and see what happensAugust 8, 2012 at 8:37 pm #107550
Thank you, Thank you, Thank you. I tried this and it immediately worked, in both Chrome and Opera. I don’t have it perfect yet, but I am at least on the right track now
as the behavior is the same across all three browsers
I now know where to come when I have a questionAugust 8, 2012 at 8:39 pm #107551
Beginning Solution: add this to css
border:1px solid #bbb;
}August 8, 2012 at 8:50 pm #107553
Glad you were able to resolve your issue!August 8, 2012 at 11:02 pm #107557August 9, 2012 at 4:41 am #107565
Again, thx for the help guys, as I have been pulling my hair out for weeks over this. And, at 56, I don’t have that much left to pull out :)August 9, 2012 at 4:53 am #107567
- The forum ‘CSS’ is closed to new topics and replies.