How to achieve rounded corners

I've seen many different ways to produce rounded borders and
corners on divs
that will work in IE. Either javascript or with images. Can
anyone point me
to one that will work back to IE6 that doesn't entail a bunch
of nested divs
and several images. Methods like that just seem to add too
much code bloat
for achieving simple corners. I found one called curvy
corners but it fails
in IE6. Any incite is greatly appreciated
-mark

http://www.cssjuice.com/25-rounded-corners-techniques-with-css/
Nancy O.
Alt-Web Design & Publishing
www.alt-web.com

Similar Messages

How you make rounded corners

Hello
How you make round corners to the form when i use a div in dreamweaver cc i have try this but only the div change
Thankes

Sorry you can't change the style of the FormsCentral HTML form. The form is put in an iFrame inside you div and since the content of the iFrame is not coming from your server you can't modify it.
I found this thread online that you might want to look at :
http://stackoverflow.com/questions/583753/using-css-to-affect-div-style-inside-iframe
Gen

How to create rounded corners for web site

I am interested in any help with creating rounded header and
rounded columns like at adobe home page. Whats the best way to go
about creating a page with rounded text boxes, rounded nav bars,
rounded logo box, etc..
Thanks,
Dennis

Rounded corners in Web pages now can be done best with CSS3. A lot of contemporary browsers support them -- Firefox, Opera, Chrome, Safari. IE doesn't support rounded corners (not yet), but this will happen somewhere in the future...
CSS3 rounded corners: a basic how-to:
http://www.css3.info/preview/rounded-border/
Of course, you can also use rounded corners in a Fireworks image, then apply the corners to the HTML elements via CSS; this will work in all browsers, including IE. There are a lot of tutorials over the Web which cover this topic, too

How to get rounded corners for Grid in flex 3.0

Hi All,
I was trying to make rounded corners for ‘Advanced Datagrid’ and ‘Datagrid’ components of Flex 3.0. But was unable to do so.
Also tried searching the net for some solution but didn’t get much help for the problem.
I tried making a skin and applying it , but still wasn’t successful.
Can you please guide me in making the corners rounded for the 2 components.
Thanks
RSI
e.g of my code
<mx:AdvancedDataGrid id="myADG"
headerBackgroundSkin="com.coresecurity.ui.view.skin.RoundImageSkin" dataProvider="{dpFlat}"
        width="100%" height="100%">
        <mx:Columns>
            <mx:AdvancedDataGridColumn headerText= “1” dataField="1"/>
            <mx:AdvancedDataGridColumn headerText = “ 2” dataField="2"/>
            <mx:AdvancedDataGridColumn dataField="3"
                headerText="3"/>
        </mx:Columns>
   </mx:AdvancedDataGrid>
RoundImageSkin.as
public class RoundImageSkin extends RectangularBorder
public RoundImageSkin(){
super();
override protected function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):void
var cls:Object = getStyle("backgroundImage");
var bmp:Bitmap = new cls();
graphics.clear();
graphics.beginBitmapFill(bmp.bitmapData);
graphics.drawRoundRect(0, 0, unscaledWidth, unscaledHeight,5);

You aren't likely to get any of your questions answered for the reasons you already identified, and I imagine you would not find a tutorial for something as complex as what you are prusuong.. You need to learn how to design with Flash, and a forum is not a place where you are going to get that kind of help. If you have code and/or a design issue that you need help with then that's where a forum might be of use to you.

How to make rounded corners on webpages

Hi, I am using DW8, an intermediate level user with html and
tables, not good with php, java, or any programming language, on
winXP home.
One thing that I've seen and like are webpages that have
rounded corners on them. For example, the page itself can be 80%
the width of a page, but instead of the regular square corners,
there are rounded ones.
Can anyone tell me how to do that?
thanks

You could do it the old fashioned way with a 3 x 3 table and
9 image slices.
Or, with CSS and 3 image slices.
http://alt-web.com/Image-slices-in-a-CSS-based-layout.html
Or one of these:
http://www.cssjuice.com/25-rounded-corners-techniques-with-css/
Nancy O.
Alt-Web Design & Publishing
www.alt-web.com
www.twitter.com/altweb
www.alt-web.blogspot.com/

How to make rounded corners in spry image slideshow

It says it can do it using slices but there are no great instuctions anywhere to be found with detail on how to do it.
Any body know whixh file and what part of the code to change so the frontend on the website the corners are rounded?

import java.awt.*;
import java.awt.geom.RoundRectangle2D;
import java.awt.image.BufferedImage;
import java.io.*;
import javax.imageio.ImageIO;
import javax.swing.*;
public class RoundingImages extends JPanel {
    BufferedImage image;
    RoundingImages(BufferedImage src) {
        image = roundCorners(src, 50);
    private BufferedImage roundCorners(BufferedImage src, int r) {
        int w = src.getWidth();
        int h = src.getHeight();
        int type = BufferedImage.TYPE_INT_ARGB;
        BufferedImage dst = new BufferedImage(w, h, type);
        Graphics2D g2 = dst.createGraphics();
        RoundRectangle2D r2 = new RoundRectangle2D.Double(0,0,w,h,r,r);
        g2.setClip(r2);
        g2.drawImage(src, 0, 0, this);
        g2.dispose();
        return dst;
    protected void paintComponent(Graphics g) {
        super.paintComponent(g);
        int x = (getWidth() - image.getWidth())/2;
        int y = (getHeight() - image.getHeight())/2;
        g.drawImage(image, x, y, this);
    public static void main(String[] args) throws IOException {
        String path = "images/cougar.jpg";
        BufferedImage image = ImageIO.read(new File(path));
        RoundingImages test = new RoundingImages(image);
        JFrame f = new JFrame();
        f.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        f.getContentPane().add(test);
        f.setSize(400,400);
        f.setLocation(200,200);
        f.setVisible(true);
}

How to make rounded corners of the image?

Hi,
I have arbitrary images which i need to change in the following way.
1. Make the corners of the images a little bit rounded
2. Pixels must be transparent such that the background can be seen.
Thanks.

import java.awt.*;
import java.awt.geom.RoundRectangle2D;
import java.awt.image.BufferedImage;
import java.io.*;
import javax.imageio.ImageIO;
import javax.swing.*;
public class RoundingImages extends JPanel {
    BufferedImage image;
    RoundingImages(BufferedImage src) {
        image = roundCorners(src, 50);
    private BufferedImage roundCorners(BufferedImage src, int r) {
        int w = src.getWidth();
        int h = src.getHeight();
        int type = BufferedImage.TYPE_INT_ARGB;
        BufferedImage dst = new BufferedImage(w, h, type);
        Graphics2D g2 = dst.createGraphics();
        RoundRectangle2D r2 = new RoundRectangle2D.Double(0,0,w,h,r,r);
        g2.setClip(r2);
        g2.drawImage(src, 0, 0, this);
        g2.dispose();
        return dst;
    protected void paintComponent(Graphics g) {
        super.paintComponent(g);
        int x = (getWidth() - image.getWidth())/2;
        int y = (getHeight() - image.getHeight())/2;
        g.drawImage(image, x, y, this);
    public static void main(String[] args) throws IOException {
        String path = "images/cougar.jpg";
        BufferedImage image = ImageIO.read(new File(path));
        RoundingImages test = new RoundingImages(image);
        JFrame f = new JFrame();
        f.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        f.getContentPane().add(test);
        f.setSize(400,400);
        f.setLocation(200,200);
        f.setVisible(true);
}

How to achieve round off value in SAP?

here I have given my Query ..I need to calculate rounding off value for this query..
SELECT (CAST($[OBTN.U_Length] AS FLOAT)/CAST($[OBTN.U_Width] as FLOAT) *($[BTNT.Quantity]))

Hi Karthick,
I am not sure wheter I understood you, but are you searching for
SELECT FLOOR((CAST($[OBTN.U_Length] AS FLOAT)/CAST($[OBTN.U_Width] as FLOAT) *($[BTNT.Quantity])))
regards,
Maik

Round Corners on a table Indesign CS3

Hello, can anyone help me with achieving rounded corners on a table without drawing a box with rounded corners and drawing another box on top that contains the table data is there a way to do this ?
Thanking you in advance for any help on this.

There's a space at the end of the link that doesn't belong...
try http://indesignsecrets.com/rounded-corner-tables-and-brackets-on-frames.php

Cropping round corners on my icon

This is related to helping me with a previous post. If I can complete this step I'm home and hosed.
I have made an icon for a webpage and I just watched a tutorial on saving for the web. I made this icon with the rounded corner rectangle tool. I have some masked objects in this icon so there are invisible parts hanging out from the visible artwork, so It seems I can't slice because so far from what I have learned slicing doesn't do round corners and also, I can't use the normal crop tool. If I do, I'm going to have white square corner residue in my file.
I just read a Fireworks forum thread which shows how to crop round corners that talks about masking and then, to crop the visible part only use, Modify > Canvas > Trim Canvas, but I haven't got that option in Illustrator it seems.
Does anyone know how to do this in Illustrator?

It's ok. I solved my problem by simply exporting to Photoshop and the artboard turned transparent.
Thanks

Rounded corners in CSS

Hello,
I've just started working with CSS and would like to know how
to create rounded corners on boxes. For instance, a sidebar that
has a border around it with rounded corners or a background colour
that is rectangular with a rounded corner.
Is this done through CSS or is there some other trick to it?
Any help is much appreciated - thanks!

"n6" <[email protected]> wrote in message
news:eq9s5l$is7$[email protected]..
> Hello,
>
> I've just started working with CSS and would like to
know how to create
> rounded corners on boxes. For instance, a sidebar that
has a border around
> it
> with rounded corners or a background colour that is
rectangular with a
> rounded
> corner.
>
> Is this done through CSS or is there some other trick to
it?
Here's one that's pure CSS:
www.cssplay.co.uk/boxes/snazzy.html
And this version uses some JavaScript as well:
www.html.it/articoli/niftycube/
HTH
Roy

Round Corners in CSS

Hi,
I was wondering if anyone knew how to create round corners in
CSS w/o adding an image to the top/bottom - left/right corners.
Is there a simplified way of doing it?
Thanks,
N.

Faisca1978 wrote:
> Hi,
>
> I was wondering if anyone knew how to create round
corners in CSS w/o adding an image to the top/bottom - left/right
corners.
> Is there a simplified way of doing it?
Theoretically when browsers support all of CSS3 you might be
able to get a pure CSS solution that doesn't involve extra markup,
but that's not anytime soon, so for now you'll need to pick lots of
extra markup to do it only with CSS and borders/background colors
but they all seem to be blocky rounded, not really rounded, or a
bit of extra markup and images. Plus you can get away with fewer
images if you don't have to have all for corners rounded.
I'm sure there are more pages out there, but take a look at
these pages for a some rounded corner techniques:
http://www.cssjuice.com/25-rounded-corners-techniques-with-css/
http://www.stumbleupon.com/tag/corners/
They mostly use images and some use only one image but use
judicious positioning, and some may set it up using JavaScript that
auto-adds in the extra markup and images for you.
Danilo Celic
| Extending Knowledge Daily :
http://CommunityMX.com/
| Adobe Community Expert

Round corners in tables

Is it possible to create round corners in tables (CS5)? if not, WHY NOT?!
This is so frustrating, I have many documents with tables that run across many pages. In keeping with my clients brand, I need to have round corners on the outer border and also want to have the the top panel with a fill and round corners.
The following shows what I need.
Any advice would be much appreciated.
Helen
This panel should have round corners
Header 2
Whole table whould have round corners

not easily, at least not without a workaround.
why not? well i didn't make the software so can't answer that.
however, there are workarounds. go to the address below for an example:
http://www.crazyleafdesign.com/blog/indesign-tutorial-how-to-create-rounded-corners-on-a-t able-in-indesign/

How to draw a rectangle with rounded corners?

Hi,
I'm trying to draw a rectangle in a custom annotation and my appearance stream looks like:
1 1 98 98 re 0.5 w 1 j 0 0 0 RG S
The re-operator draws the rectangle an the j-operator along with the parameter 1 sets the join style to round.
It does make the corners very slightly rounded, but it's only visible when setting the zoom level 200% and beyond.
Do any of you know how to make the corners more rounded for the rectangle?

I thought so
So Cubic Bézier curves all the way.
Could you help me with it?

How do I round some corners of a shape and leave other corners unrounded ?

Hello All;
Could someone tell me how to round some corners of a illustration and leave some corners unrounded ? If I use Effect - Stylize - Round Corners, it works beautifully but it rounds all corners, even the ones I don't want rounded. See attached illustration. I do not want the four corners emclosed in the circle rounded.
Anyone know how to do this (easily, I hope) ?
Thanks.
Tim

Tim,
That's a good one. What you can do is:
Make two rounded rectangles with the dimensions you require, and stack them on top of each other.
Go to the align palette and click the icon that centers the objects vertically.
From your attached illustration, it seems you want to avoid rounding the line segment in the middle top and bottom of each rectangle, so try this:
With the pen P tool, put the point of the pen on the first of (4)four anchor points you are going to add and click.
Now do the same thing for the other three anchor points.
You have now added two anchor points to each rounded rectangle
With the Direct Selection A tool, Shift/click on both of the furthest right anchor points you just created, and hold shift while clicking the corner radiuses that connect with those points on the right side of the illustration. You should have a total of six points highlighted altogether.
Now with your keyboard cursor controls, click the arrow down key as many times as you need to get the angle of the line segment that you were trying not to round.
If there is another way to do it, I'd like to know, but that should work. The corner rediuses you've moved change somewhat, you can adjust them if need be.
Using the grid and snap to point in the View section of the menu bar will help you align the added anchor points nicely.
Sounds like a lot, but I recreated your drawing the way you wanted in about 30 seconds.
Hope this helps.
Tim Dunbar

How to achieve rounded corners

Similar Messages

Maybe you are looking for