10 Replies - 965 Views - Last Post: 07 September 2011 - 10:31 PM

#1 Yo!  Icon User is offline

  • D.I.C Head


Reputation: 4
  • View blog
  • Posts: 83
  • Joined: 03-September 11

Round corner div without images

Posted 04 September 2011 - 09:49 PM

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!
Is This A Good Question/Topic? 0
  • +

Replies To: Round corner div without images

#2 Lemur  Icon User is offline

  • OpenBSD Head
  • member icon


Reputation: 1111
  • View blog
  • Posts: 3,059
  • Joined: 28-November 09

Re: Round corner div without images

Posted 04 September 2011 - 10:29 PM

http://tinyurl.com/3jtbq6l
Was This Post Helpful? 0
  • +
  • -

#3 Syfer  Icon User is offline

  • D.I.C Head

Reputation: 1
  • View blog
  • Posts: 190
  • Joined: 08-October 10

Re: Round corner div without images

Posted 05 September 2011 - 06:17 AM

View PostYo!, 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!


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. :D t.c.a

This post has been edited by Syfer: 05 September 2011 - 06:20 AM

Was This Post Helpful? 0
  • +
  • -

#4 RudiVisser  Icon User is offline

  • .. does not guess solutions
  • member icon

Reputation: 994
  • View blog
  • Posts: 3,547
  • Joined: 05-June 09

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..

<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.
Was This Post Helpful? 1
  • +
  • -

#5 Yo!  Icon User is offline

  • D.I.C Head


Reputation: 4
  • View blog
  • Posts: 83
  • Joined: 03-September 11

Re: Round corner div without images

Posted 06 September 2011 - 01:17 PM

View PostRudiVisser, 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
Was This Post Helpful? 0
  • +
  • -

#6 modi123_1  Icon User is online

  • Suitor #2
  • member icon



Reputation: 6454
  • View blog
  • Posts: 23,472
  • Joined: 12-June 08

Re: Round corner div without images

Posted 06 September 2011 - 01:19 PM

You have FF9? Damn I am still on 6.
Was This Post Helpful? 0
  • +
  • -

#7 Gavisann  Icon User is offline

  • D.I.C Regular
  • member icon

Reputation: 103
  • View blog
  • Posts: 382
  • Joined: 01-July 11

Re: Round corner div without images

Posted 06 September 2011 - 01:23 PM

View Postmodi123_1, on 06 September 2011 - 03:19 PM, said:

You have FF9? Damn I am still on 6.

I win.

Attached Image

But, I rarely use it.

For older browsers, I either redirect them to a mobile version of the site or I notify them that the page will not display properly in their current browser.
Was This Post Helpful? 0
  • +
  • -

#8 modi123_1  Icon User is online

  • Suitor #2
  • member icon



Reputation: 6454
  • View blog
  • Posts: 23,472
  • Joined: 12-June 08

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.
Was This Post Helpful? 1
  • +
  • -

#9 Gavisann  Icon User is offline

  • D.I.C Regular
  • member icon

Reputation: 103
  • View blog
  • Posts: 382
  • Joined: 01-July 11

Re: Round corner div without images

Posted 06 September 2011 - 01:46 PM

View Postmodi123_1, on 06 September 2011 - 03:25 PM, said:

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.

Ha, such an ass!
Was This Post Helpful? 0
  • +
  • -

#10 modi123_1  Icon User is online

  • Suitor #2
  • member icon



Reputation: 6454
  • View blog
  • Posts: 23,472
  • Joined: 12-June 08

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.
Was This Post Helpful? 0
  • +
  • -

#11 Lemur  Icon User is offline

  • OpenBSD Head
  • member icon


Reputation: 1111
  • View blog
  • Posts: 3,059
  • Joined: 28-November 09

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.
Was This Post Helpful? 0
  • +
  • -

Page 1 of 1