TalkPHP
 
 
Account Login
Latest Articles
» The basic usage of PHPTAL, a XML/XHTML template library for PHP
» Vulnerable methods and the areas they are commonly trusted in.
» Simple way to protect a form from bot
» The Basics On: How Session Stealing Works
» How to keep your forms from double posting data
IRC Channel
IRC Speech Bubble Join the friendly bunch on IRC...
(#TalkPHP on Freenode)

...Also available via a web interface.

See this thread for information on the TalkPHP Free Hugs Initiative™. Subject to availability.
Associates
Associates
CSS Tutorials
Reply
 
LinkBack Thread Tools Search this Thread Display Modes
Old 07-31-2011, 11:20 AM   #1 (permalink)
The Visitor
Newcomer 
 
Join Date: Jul 2011
Posts: 1
Thanks: 0
johnsdk is on a distinguished road
Default CSS Problem with rounded corners in chrome

hello , i have been trying to create a sort of image slideshow. the problem is that in firefox it displays correctly
with rounded corners , but in chrome the rounded corners ( using css3 ) are being 'hidden' at the back although it is there .
here's a demo of my work :
http://anisa.me/work/
Any help would be highly appreciated .
johnsdk is offline  
Reply With Quote
Old 10-29-2011, 03:02 PM   #2 (permalink)
La Vida es Sueño
Advanced Programmer Top Contributor 
 
Wildhoney's Avatar
 
Join Date: Sep 2007
Location: Oldham
Posts: 2,280
Thanks: 90
Wildhoney is on a distinguished road
Default

If you're using CSS3, then you can simple use the border-radius option, and that saves in having to add any images, like we used to struggle with in the past.
__________________
The man who comes back through the Door in the Wall will never be quite the same as the man who went out.
Send a message via AIM to Wildhoney Send a message via MSN to Wildhoney Send a message via Yahoo to Wildhoney
Wildhoney is offline  
Reply With Quote
Old 11-21-2011, 09:31 AM   #3 (permalink)
The Visitor
 
Nicklaus's Avatar
 
Join Date: Nov 2011
Posts: 3
Thanks: 0
Nicklaus is on a distinguished road
Default

You're running into browser inconsistencies in the way CSS rounded corners are displayed. Yes, foreground images extend beyond the rounded corners in several browsers (not just Chrome).

You can try the old, tried and true kludge of rounded images in the corners, or assign the photos to be background images in your divs to which a CSS class has been assigned that contains all the various flavors of rounded browser-specific CSS gibberish (you'll have much better luck clipping background rather than foreground images), or you can try assigning that CSS class to the foreground images themselves. Then there are always various combinations of all the above that you can try.

Or you can wash your hands of it all until that day when Hell freezes over, pigs fly and all the browsers start rendering everything the same way.
__________________
Estee Lauder Perfume
Kids Swimwear

Last edited by Nicklaus : 11-24-2011 at 09:06 AM.
Nicklaus is offline  
Reply With Quote
Reply



Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On

Similar Threads
Thread Thread Starter Forum Replies Last Post
PDO Class problem newwarrior Advanced PHP Programming 1 05-26-2011 05:23 PM
Ajax + Javascript + DIV problem maeltar Javascript, AJAX, E4X 0 07-04-2010 07:57 AM
Huge Session Problem Killswitch General 1 11-17-2008 02:36 AM
A bug or a cache problem?! yazid Advanced PHP Programming 0 05-22-2008 08:40 AM
Rounded Corner Overlay Coloring [CSS][HELP] Orc XHTML, HTML, CSS 2 01-18-2008 07:31 PM


All times are GMT. The time now is 04:29 PM.

 
     

Powered by vBulletin® Version 3.6.8
Copyright ©2000 - 2013, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.1.0
Inactive Reminders By Icora Web Design