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,379

Reputation: evstevemd has a spectacular aura about

Solved Threads: 127

evstevemd

Offline

Nearly a Posting Virtuoso

Rounded Points - What's the technique?

31 Days Ago

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?
Junior MD --- Python, C++ and PHP

•

Join Date: May 2008

Posts: 524

Reputation: Will Gresham is on a distinguished road

Solved Threads: 86

Will Gresham Will Gresham is offline

Offline

Posting Pro

31 Days Ago

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: 986

Reputation: ardav will become famous soon enough

Solved Threads: 128

ardav

Offline

Posting Shark

-1

31 Days Ago

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; 31 Days Ago at 7:54 pm.

"...the woods would be a very silent place if no birds sang except for the best"
All opinions count - unless you're a serial downvoter.
F'enw i yw Mr. Blaidd. Byddwch yn ofalus - dwi'n cnoi.

•

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

31 Days Ago

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,193

Reputation: jbennet is a name known to all

Solved Threads: 536

jbennet

Offline

Moderator

-7

31 Days Ago

javascript and CSS here, its not Ie6 friendfly though.

If i am helpful, please give me reputation points.

•

Join Date: Jun 2007

Posts: 1,379

Reputation: evstevemd has a spectacular aura about

Solved Threads: 127

evstevemd

Offline

Nearly a Posting Virtuoso

30 Days Ago

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?
Junior MD --- Python, C++ and PHP

•

Join Date: Oct 2006

Posts: 986

Reputation: ardav will become famous soon enough

Solved Threads: 128

ardav

Offline

Posting Shark

-1

30 Days Ago

•

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.

"...the woods would be a very silent place if no birds sang except for the best"
All opinions count - unless you're a serial downvoter.
F'enw i yw Mr. Blaidd. Byddwch yn ofalus - dwi'n cnoi.

•

Join Date: May 2007

Posts: 4,477

Reputation: Ezzaral has much to be proud of

Solved Threads: 514

Ezzaral

Offline

Industrious Poster

30 Days Ago

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

•

Join Date: Jun 2007

Posts: 1,379

Reputation: evstevemd has a spectacular aura about

Solved Threads: 127

evstevemd

Offline

Nearly a Posting Virtuoso

27 Days Ago

•

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?
Junior MD --- Python, C++ and PHP

•

Join Date: Apr 2009

Posts: 281

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

Solved Threads: 2

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

Offline

Posting Whiz in Training

#10

24 Days Ago

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