Is there a way to make a div with rounded corners but without using images to make it work.
If this is possible will my css dropshadow still work or will I just have to make a sacrifice.
Thanks!
Yo!
Round corner div without images
Page 1 of 110 Replies - 965 Views - Last Post: 07 September 2011 - 10:31 PM
Replies To: Round corner div without images
#3
Re: Round corner div without images
Posted 05 September 2011 - 06:17 AM
Yo!, on 04 September 2011 - 09:49 PM, said:
Is there a way to make a div with rounded corners but without using images to make it work.
If this is possible will my css dropshadow still work or will I just have to make a sacrifice.
Thanks!
Yo!
If this is possible will my css dropshadow still work or will I just have to make a sacrifice.
Thanks!
Yo!
You mean Controlling the borders?
p.s
visit this sites
http://jonraasch.com...in-all-browsers
http://www.css3.info...rounded-border/
hope it helps you.
This post has been edited by Syfer: 05 September 2011 - 06:20 AM
#4
Re: Round corner div without images
Posted 05 September 2011 - 06:36 AM
If you're using a CSS Drop Shadow that means you're already using CSS3, in this case it's simple..
Et voila!
Now, your shadow will also work (presuming that you're using box-shadow). Of course, this will only work for good/new browsers, but since you're using box-shadow(?) already, you know that.
<style type="text/css">
div.rounded {
border-radius: 10px;
border: 1px solid #000000;
}</style>
<div class="rounded">Testing testing<br />123 Test</div>
Et voila!
Now, your shadow will also work (presuming that you're using box-shadow). Of course, this will only work for good/new browsers, but since you're using box-shadow(?) already, you know that.
#5
Re: Round corner div without images
Posted 06 September 2011 - 01:17 PM
RudiVisser, on 05 September 2011 - 06:36 AM, said:
Of course, this will only work for good/new browsers, but since you're using box-shadow(?) already, you know that.
Cool man, thanks! I didn't know that's what it was used for ... so that's going to be helpful in the future.
Also how is it that I can have Firefox 9<nightly> and some people still have out of date web browsers
#6
Re: Round corner div without images
Posted 06 September 2011 - 01:19 PM
You have FF9? Damn I am still on 6.
#7
Re: Round corner div without images
Posted 06 September 2011 - 01:23 PM
#8
Re: Round corner div without images
Posted 06 September 2011 - 01:25 PM
I still rock out IE 6 to keep the numbers high in people's page stats. "ARrrgh! I can't stop programming for IE6 because that seems to be 45% of my traffic!". heh.
#9
Re: Round corner div without images
Posted 06 September 2011 - 01:46 PM
#10
Re: Round corner div without images
Posted 06 September 2011 - 02:02 PM
It's true. Thirty minutes after I head to work my home pc spins up an application that loads an ever growing list of web pages and fires the urls through IE6 and a tor tunnel. After the main page loads it dives for the 'news' link to simulate a user. I have successfully stopped a handful from dropping IE6 support out of fear, and the vast majority lament dropping support because dedicated followers are using it. At best I stop progress, at worst I keep web developers up at night worried they might lose eyeballs by being progressive. Either way I win.
#11
Re: Round corner div without images
Posted 07 September 2011 - 10:31 PM
You kidding? I just use a profile switcher to make it look like I'm IE6 and randomly slow-flood top web designers sites.
Page 1 of 1
|
|

New Topic/Question
Reply


MultiQuote









|