StudioPress Community Forums
  StudioPress Community Forums > Forums > General Discussion
For help and support, access to your downloads, or to manage your account please log into My StudioPress.

These forums have been set to read-only so you can browse the existing topics for any questions you may have.

For general discussion on WordPress, CSS and design (NOT for support) visit the new Community Forums.
 
 
Thread Tools Display Modes
Prev Previous Post   Next Post Next
  #1  
Old 01-04-2011, 03:58 PM
ann_donnelly's Avatar
ann_donnelly ann_donnelly is offline
Registered User
Pro Plus Member
 
Join Date: Nov 2009
Location: Clonakilty, West Cork, Ireland
Posts: 122
Default DropShadow and Round Corners Across Browsers

This isn't a specific Prose question, but I am working on a site using Prose that I need to get this working on.

We need a drop shadow around the main site area, around the navigation bar and the buttons.

For the shadow around the site I've added to the custom.css:

#wrap {background: url(images/header.png) no-repeat left top #FFFFFF;
width: 980px;
margin: 0 auto 0;
padding: 10px;
border: 0;
-moz-border-radius: 0px;
-khtml-border-radius: 0px;
-webkit-border-radius: 0px;
-webkit-box-shadow: #333 0px 1px 3px;
box-shadow: 0px 1px 3px #333;
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength =3, Color='#333333')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength= 3, Color='#333333');
position: relative;
overflow: hidden;
}

This is working fine in Chrome and somewhat in IE but not exactly as I'd like it to be -- only 2 sides of the page, not 3 and not quite as nicely. I think it should be working in FF based on posts I've viewed on the topic, but the drop shadow isn't working at all.

Trying same effect for the navigation bar, but I also need rounded corners here. The rounded corners are working in Chrome and FF, but not IE and from what I've read you really need to use images for it to work in IE.

If this doesn't work out I need to work out how to do this with images backgrounds.

The site is http://sallyhansen.ie/draft/

Any advice?
__________________
Social Media Marketing & Search Engine Optimization
Improve your business results by getting more targeted traffic to your website - organically.
http://www.e-business.ie
 

Thread Tools
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

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump

Similar Threads
Thread Thread Starter Forum Replies Last Post
Round Corners RSchulte General Discussion 1 09-17-2010 08:29 AM
Making Round Corners. AGUSTUS General Discussion 1 10-28-2009 05:04 PM
Round corners sallykvakk General Discussion 2 10-10-2009 06:47 PM
Round corners ottodargan General Discussion 1 02-05-2009 02:55 AM


All times are GMT -5. The time now is 03:22 AM.

Powered by vBulletin® Version 3.8.4
Copyright ©2000 - 2013, Jelsoft Enterprises Ltd.