HTML and CSS

Rounded Points - What's the technique?

Please support our HTML and CSS advertiser: PostgreSQL or MySQL? Compare and contrast the two most popular open source databases

Thread Solved

•

Join Date: Jun 2007

Posts: 1,451

Reputation: evstevemd has a spectacular aura about

Solved Threads: 128

evstevemd

Offline

Nearly a Posting Virtuoso

Rounded Points - What's the technique?

Nov 1st, 2009

I need to make <div> </div> to have rounded corner.
I wonder what other technique than putting rounded image at corner can be used to make them round. Is it Javascript or what? CSS?

Look at this site with rounded corners
http://www.mtibwasugar.com/pages/index.php

I don't want to use CMS like joomla or whatever

Atheist: God is man made imagination, he doesn't exist!
Theist: It's okay, can you imagine anything else that doesn't exist?
---- Python, C++ PHP and Java ----

•

Join Date: May 2008

Posts: 525

Reputation: Will Gresham is on a distinguished road

Solved Threads: 86

Will Gresham Will Gresham is offline

Offline

Posting Pro

Nov 1st, 2009

You would probably be better asking this in the HTML/CSS forum: http://www.daniweb.com/forums/forum143.html

AJAX is not a programming language, scripting language or any other sort of language.
It is acheived by using JavaScript http functions.
So, AJAX = JavaScript.

•

Join Date: Oct 2006

Posts: 1,071

Reputation: ardav will become famous soon enough

Solved Threads: 137

ardav

Offline

Veteran Poster

-1

Nov 1st, 2009

Rounded corners can also be applied via JS, but you'd be better off looking at a pure css/html solution. Try, if possible, to keep the integrity of your html and not include too much 'design' markup. Including loads of divs and spans make for really messy markup.

Tell you what - try Google > "rounded corners" css. You'll be amazed that there are webpages with this very info available for free.

Last edited by ardav; Nov 1st, 2009 at 7:54 pm.

Happy Humbugging Christmas

•

Join Date: Sep 2009

Posts: 43

Reputation: edwinhermann is an unknown quantity at this point

Solved Threads: 9

edwinhermann edwinhermann is offline

Offline

Light Poster

Nov 1st, 2009

The site you showed uses images. Here's one of the rounded corner images on that site:
http://www.mtibwasugar.com/images/modtbo_t.gif

Rounded corners (other than by images) is something that is part of CSS3. Check out http://www.w3.org/TR/css3-background/

•

Join Date: Apr 2005

Posts: 16,263

Reputation: jbennet is a name known to all

Solved Threads: 543

jbennet

Offline

Moderator

-7

Nov 1st, 2009

javascript and CSS here, its not Ie6 friendfly though.

If i am helpful, please give me reputation points.

•

Join Date: Jun 2007

Posts: 1,451

Reputation: evstevemd has a spectacular aura about

Solved Threads: 128

evstevemd

Offline

Nearly a Posting Virtuoso

Nov 2nd, 2009

Thanks guys,
I wanted to know the technique behind rounded corners

Atheist: God is man made imagination, he doesn't exist!
Theist: It's okay, can you imagine anything else that doesn't exist?
---- Python, C++ PHP and Java ----

•

Join Date: Oct 2006

Posts: 1,071

Reputation: ardav will become famous soon enough

Solved Threads: 137

ardav

Offline

Veteran Poster

-1

Nov 2nd, 2009

•

Originally Posted by edwinhermann

The site you showed uses images. Here's one of the rounded corner images on that site:
http://www.mtibwasugar.com/images/modtbo_t.gif
Rounded corners (other than by images) is something that is part of CSS3. Check out http://www.w3.org/TR/css3-background/

This CSS3 technique (border-radius) works fine for Mozilla/webkit browsers, but not IE (not even IE8 - as far as I know). IE requires a 'fallback' method which probably includes extra markup - be it divs or spans.

See http://www.css3.info/preview/rounded-border/ if you're interested in CSS3, but don't mind ignoring IE.

Happy Humbugging Christmas

•

Join Date: May 2007

Posts: 4,508

Reputation: Ezzaral has a brilliant future

Solved Threads: 522

Ezzaral

Offline

Industrious Poster

Nov 2nd, 2009

Agreed that this is more of a HTML/CSS question. Moving it over there. Carry on

•

Join Date: Jun 2007

Posts: 1,451

Reputation: evstevemd has a spectacular aura about

Solved Threads: 128

evstevemd

Offline

Nearly a Posting Virtuoso

Nov 5th, 2009

•

Originally Posted by Ezzaral

Agreed that this is more of a HTML/CSS question. Moving it over there. Carry on

Thanks buddy,
its is not a problem, since I know now it is CSS issue. Should I post to JavaScript forum too, seeing that there is some JS

Atheist: God is man made imagination, he doesn't exist!
Theist: It's okay, can you imagine anything else that doesn't exist?
---- Python, C++ PHP and Java ----

•

Join Date: Apr 2009

Posts: 290

Reputation: SKANK!!!!! is an unknown quantity at this point

Solved Threads: 2

SKANK!!!!! SKANK!!!!! is offline

Offline

Posting Whiz in Training

#10

Nov 8th, 2009

i wouldnt advise doing this simple task in javascript. most like plain and simple tables with backgroud images will do the trick. css. no javascript. if u want to see a sample of my previous workk u can pm me for the screenshot