Zymic Forums

Webmaster resources

Zymic IRC Server

Chat in real time at irc.zymic.com - Learn More

Welcome

Welcome to the Zymic webmaster forums. Our forums are here to provide people the free ability to discuss a range of websites related topics such as design, development coding and marketing.

In order to post you will need to register for a zymic account or if you already have one simply login by using the form on the left.

left Zymic Webmaster ForumsWeb Design & DevelopmentClient Side ScriptingHTML and CSS right
  Reply to this topic Start new topic
left right
Revan126
post Oct 29 2010, 08:43 PM
Post #1


Newbie
*

Group: Members
Posts: 2
Joined: 29-October 10
Member No.: 163,240



Hi,

Could anybody help me how to make rounded corners and drop shadow for IE ?
That's all I need. I defined it for chrome, safari, firefox and opera.
Go to the top of the page 
 
  + Quote Post
lizon
post Nov 1 2010, 05:48 PM
Post #2


Ninja
***

Group: Members
Posts: 289
Joined: 10-February 09
Member No.: 81,548



Last I checked IE doesn't support the border-radius attribute. So the only way to do it is via images.
Go to the top of the page 
 
  + Quote Post
Revan126
post Nov 2 2010, 09:11 AM
Post #3


Newbie
*

Group: Members
Posts: 2
Joined: 29-October 10
Member No.: 163,240



QUOTE(lizon @ Nov 1 2010, 05:48 PM) *
Last I checked IE doesn't support the border-radius attribute. So the only way to do it is via images.


Thank you for reply. I'll make it when I'll have free time.

What about drop shadow in IE?
Go to the top of the page 
 
  + Quote Post
Jacob
post Nov 2 2010, 09:43 AM
Post #4


Outrageously Uber Ninja
*******

Group: Moderators
Posts: 5,140
Joined: 11-May 08
From: Australia
Member No.: 25,876



Not natively. It can be achieved using JS files like CSS3Pie.
Go to the top of the page 
 
  + Quote Post
pagey
post Jun 25 2011, 04:54 AM
Post #5


Newbie
*

Group: Members
Posts: 2
Joined: 24-June 11
Member No.: 195,546



QUOTE(NaRzY @ Nov 2 2010, 09:43 AM) *
Not natively. It can be achieved using JS files like CSS3Pie.



#wrapper2 {
border: 12px solid #333;
border-color: #CCC;
border-radius: 50px;
box-shadow: 0px 0px 30px #FFF;
moz-box-shadow: 0px 0px 30px #FFF ;
webkit-box-shadow: 0px 0px 30px #FFF ;
margin: 35px auto;
width: 820px ;
padding: 0.5em;

}
Go to the top of the page 
 
  + Quote Post
RSpain
post Jun 27 2011, 12:16 PM
Post #6


Newbie
*

Group: Members
Posts: 12
Joined: 20-February 11
From: North Carolina
Member No.: 178,599



Maybe try a CSS filter for a dropshadow in IE:
CODE
<span style="width:300; height:50; font-size:36pt; font-family:Arial Black; color:#008800; Filter: DropShadow(Color=#000088, OffX=4, OffY=4, Positive=1)">RSpain</span>
Go to the top of the page 
 
  + Quote Post
creationsweb
post Mar 11 2013, 06:47 AM
Post #7


Newbie
*

Group: Members
Posts: 8
Joined: 9-March 13
Member No.: 276,003



Hi there!

IE does not support CSS3 properties. In order to achieve drop shadow and corner radii you will need to make use of an image. If you want to achieve drop shadow on a simple box, use the

background: URL(“ #.png”) repeat-x top left;

property of a block which the shadow inserted within the image.
Go to the top of the page 
 
  + Quote Post
 Reply to this topic Start new topic
left right
0 Members:
left right
 


Lo-Fi Version Time is now: 20th June 2013 - 07:01 AM