AP Div with Rounded Corners

Hi All,
I want to draw an AP Div but I want it to have rounded corners.  The reason being is that when I add a seperate background it will be more obvious and look better.
If anybody knows of a better way of adding a body of text with it's own background and rounded corners please can you let me know how to do it?
Many Thanks
Big_Gee

Wow Big_Gee!  I think that's a Big_Question!
For a start, you can add rounded corners using CSS3 but it isn't widely supported accross all browsers.  I don't think that DW will add those CSS rules but it won't take too much to find sample code on the web with a quick Google search on CSS Rounded Corners or something.  Nancy O has recently responded to a rounded corner question here: http://forums.adobe.com/thread/657158?tstart=30.  I don't konw if it makes a difference that you want the effect on AP Divs or not.  I haven't read that you can't.
Adding a background image is achieved with CSS and you might be able to think about putting the rounded corners on the image in your graphics editor.  That will depend partly on how flexible you site is and whether users can increase text size in the browser.
If you are using AP Divs (position: absolute) you need to be a bit cautious.  General advice is to use them very sparingly and when other options don't achive what you want.
Martin

Similar Messages

  • Box with rounded corners displays as rectangle in Web Browser

    I am using the box control (IBoxObject) in my Crystal Reports with rounded corners. However the box displays as a rectangle with square corners when viewed in a web browser. I have tried this in IE 7.0.5730.13, Firefox 3.0.3 and Chrome 0.2.149.30 all give the same problem.
    The interesting thing is that the boxes display correctly at design time and when exported to PDF, but they wonu2019t display correctly in IE/Firefox/Chrome. Here are the specific settings for the box:
                    CornerEllipseHieght = 375
                    CornerEllipseWidth = 375
                    Crystal Reports Version 10.5.3700.0
    I have also attached an image to try and clarify the problem.
    [Picture showing Box at design time, in a Web browser and when exported to PDF|http://i38.tinypic.com/10p6k1v.jpg]
    Thanks in advance for any help with this issue.
    -John

    Thank you Ted, this was my take on the problem but it is good to have a confirmation.
    There are CSS (HTML) solutions for creating boxes with rounded corners, such as [SpiffyBox|http://www.spiffybox.com/] and [CSS Rounded Box Generator|http://www.neuroticweb.com/recursos/css-rounded-box/index.php?idioma=en] and many more that can be found using [Google|http://www.google.com/search?hl=en&q=cssboxeswithroundedcorners&btnG=Google+Search&meta=].
    Do you know of any plans to support rounded corners in the future?
    Thanks for your help!
    John

  • IconItemRenderer with rounded Corners

    Hi everyone,
    im using the mobile IconItemRenderer and need to round the corners of the list-Items to be in conform with the rest of my UI-Design. is there any way to archive this?
    thx for your help

    extend the IconIremRenderer and then override the drawBackground method and draw a rect with rounded corners
    something like this...
    package renderers
        import spark.components.IconItemRenderer;
        public class RoundedIconItemRenderer extends IconItemRenderer
            public function RoundedIconItemRenderer()
                super();
            override protected function drawBackground(unscaledWidth:Number, unscaledHeight:Number):void
                this.graphics.beginFill(0x000000,0.8);
                this.graphics.lineStyle(1,0xCCCCCC,0.5);
                this.graphics.drawRoundRect(0,0,unscaledWidth,unscaledHeight,30,30);
                this.graphics.endFill();

  • Cropping with rounded corners

    I am preparing portrait images to be put on a page. I would like to use the cropping tool to a specific size and end up with rounded corners on the image.
    How can this be done?
    Thanks,
    Mary Lou

    John, is there s ome way I can send you a copy of that image to look at?
    The original picture was taken where there was a red backdrop. I selected the person and removed her from the backdrop, placing the image on a plain blue background.
    I have flattened the image so I don't know any way that the old red background would be there anymore. As soon as I apply the rounded corner rectangle tool there is a redness to the marquee.
    Mary Lou

  • Problem with Rounded Corners on EPS object in Illustrator CS3

    I'm using Illustrator CS3 and I have an EPS object which has rounded corners. When I export  the object and save it as a JPG the exported image takes on the shape of  the artboard (which is a square) rather than the shape of the EPS  object which is a square with rounded corners. I've placed the exported  JPG into my blog but when I look at it I can see a little bit of white  in each of the four corners. What can I do to stop this from happening?  In other words, I want my exported JPG image to have rounded corners  without the white. Please provide me  with as much detail as you can as I'm fairly new to Illustrator and I'm still finding my way. Thank you.

    Hi Graccon,
    The JPG format does not support transaprency. Either save as a gif or as a png. Or choose a matte color which matches your page background for the jpg.

  • Table with rounded corners in CS5?

    I am dealing with an issue, I need a table with 2 rounded top-corners. The top row is a shade of black (and needs the 2 rounded corners.
    Here is what I do:
    I make my table with a regular straight angled top-row in it's own text-frame. Then adjust the frame to the table (cmd-alt-c). Select the arrow selection tool, cut the text-frame with the table. Then create a new text-frame with 2 rounded top corners. Then past the table into this new frame.
    What now happens is that the table does not snap to the 0 point of the new frame, but it insets on the left side. When I make it align right it does it the other way around. Plus the part of the top-frame with the shade of black does not cut of on the rounded part of the frame.
    I know another option is to create a text-frame with the rounded corners on exactly the size I need it in the table, and then paste this into the top frame of the table (making sure the inset is 0). But I would like to use this as a last resort.
    We have a preference for the first option I wrote about, since we are linking Excel files and then creating InCopy content. (If a table is not placed in a seperate text frame and then linked to the floating text, InDesign loses the link to the Excel.)
    Is this at all possible? From this site it seems it is ( http://www.justskins.com/forums/table-with-rounded-corners-117551.html )

    I first tried it in a text frame. Now when I do a 'paste into' in an image frame it seems to work, but now I have an extra frame in my workflow
    Table => text frame => image frame with rounded corners => text frame
    Ideal would be:
    Table => text frame with rounded corners => text frame
    But I am starting to believe that this is not possible in InDesign (since it moves the table in the frame)
    Now I will try to figure out if my Excel links will still survive in InCopy with the image frame option.

  • Table with Round corners

    Hi,
    I have a requirement to display the table with Rounded corners,Please guide with the possibilities on this.
    Best Regards,
    Mahi

    Hi Mahi,
    Its not feasible with the tables provided in MS Word. If its going to be a fixed table then you can try this workaround. Have a rounded rectangle shape on the table cell with same size. And also you can have a 'NO Fill' for it or 'bring the text in front' options.
    You can have a look at [http://www.ecrion.com/Support/Resources/XSL-FOTutorial/Paragraphs.xml.html] -> 'Rounded Borders' section. The rounded corners didnt work for me in 10.1.3.4.1. You can give it a try.
    Hope this helps,
    Kavipriya.

  • [svn] 4746: User-submitted patch for SDK-16147 - HaloBorder does not take border widths into account when drawing background with rounded corners .

    Revision: 4746
    Author: [email protected]
    Date: 2009-01-29 15:36:59 -0800 (Thu, 29 Jan 2009)
    Log Message:
    User-submitted patch for SDK-16147 - HaloBorder does not take border widths into account when drawing background with rounded corners.
    Bugs: SDK-16147 (bug), SDK-16963 (patch)
    Ticket Links:
    http://bugs.adobe.com/jira/browse/SDK-16147
    http://bugs.adobe.com/jira/browse/SDK-16147
    http://bugs.adobe.com/jira/browse/SDK-16963
    Modified Paths:
    flex/sdk/branches/3.x/frameworks/projects/framework/src/mx/skins/halo/HaloBorder.as

  • Making a photo with rounded corners

    I just followed both of these instructions to create rounded
    corners on a rectangular image:
    http://www.enghiong.com/how-to-make-rounded-corner-edges-using-fireworks.html/
    http://www.joycejevans.com/tutorials/Fireworks/FWMX/roundecorners/rc_crn.htm
    What am I missing? Both of them show the transparent canvas?
    I drew the rectangle, rounded the corners, pasted inside and all
    the other steps and saved it. When I use in my html file, the
    background shows!
    Any help with this is so appreciated.

    quality11 wrote:
    > Sure. Here's the orginal:
    >
    http://www.charlotteswebservices.com/images/ChildhoodPic.jpg
    >
    > And some that I've tried to make rounded corners:
    >
    http://www.charlotteswebservices.com/images/childhood-round-opt.jpg
    >
    http://www.charlotteswebservices.com/images/childhood-round.png
    Here you go. It's usually a good idea to use a white rather
    than black
    object to paste inside of.
    http://www.playingwithfire.com/childhood.html
    Linda Rathgeber - Adobe Community Expert
    http://www.adobe.com/communities/experts/members/8.html

  • Problems with 'Round Corners'

    Hi everbody,
    First of all, sorry for my bad englisch. I'm German
    Here's my problem:      step 1: i'm writing a word and then i'm using the effect ‘create outlines‘ in the type menu.
                                      step 2: after that i'm using the filter ‘round corners‘
                                       But not all corners are round after that. I've problems with the letter ‘S‘. Just 2 corners are round and the ohter two are                                    unchanged.
    Does anyone know what the problem could be?
    Thank you very much!
    Simon

    Simon,
    I see what you see.
    Unless you have CS6, you should be able to use the free Round Any Corner script on the relevant Anchor Points, available here:
    http://park12.wakwak.com/~shp/lc/et/en_aics_script.html

  • Is it possible to have a PDF with rounded corners?

    Hi
    I've been asked to create a pdf (which is just for on screen, not print), which when viewed has rounded corners.  Is this possible?  The original design is in illustrator.
    Thanks
    S

    Realistically, no. PDF pages are always rectangular, and while there are techniques to place some interactive content partly-outside the page region it's not a practicable way to simulate rounded corners.

  • Iphone - UILabel with round corners

    Hi,
    I have a UIView and on top of that UIImageView. I'm displaying background image in UIImageView. I need to display a label on top of the UIImageView. I would like my label to appear semi transparent and also having rounded corners. Could anyone help me how to achieve this using iPhone SDK?
    thanks!

    I don't understand why your UILabel isn't being shown? This is what I do:
    backgroundView = [self newViewWithImageNamed:@"theBackground.png" atPosition:CGPointMake(x, y)];
    [self addSubview:backgroundView];
    myLabel = [self newLabelWithOffset:theX y:theY w:theWidth];
    myLabel.text = @"My multi-line text";
    myLabel.numberOfLines = 10;
    [backgroundView addSubview:myLabel];
    newViewWithImageNamed and newLabelWithOffset are simply methods that create the UIImageViews and UILabels. Nothing special happens in there.

  • Problem with round corners..the server said it is MBssss of traffic created because of that?

    1)
    The problem only occurs when the visitor is using Internet Explorer (and possibly only some versions of IE)
    2)
    The problem is that the file pie.js is being loaded many times for these Internet Explorer visitors, causing your traffic to be higher than usual, and our server can potentially blocking the visitor temporarily for requesting the same file many times in a short period.
    3)
    The file pie.js is meant to show cool effects like rounded corners and background effects in Internet Explorer (those cool effects work fine without pie.js for other browsers, so pie.js is only loaded when the visitor is using IE). I assume on your web site, it’s for the rounded corners on some of your borders, like the testimonials box.
    4)
    The file is being loaded by another file on your web site, called museutils.js
    5)
    Museutils.js is part of “Adobe Muse”, a web design solution that I’ve never heard of until now. Either your current web developer uses it, or someone who developed your site in the past used it to create your site.
    6)
    I believe there is a bug in the programming of museutils.js causing it to reload pie.js many times
    7)
    This bug may be a new one that has been introduced in a recent version of Adobe Muse.

    Thank you very much for reporting this problem. We'll fix it for the next release.

  • Creating a frame in CS5 with rounded corners

    In porting CS4 to CS5, I have code that adds a frame with a rounded corner to the document.
    My code is modeled after SnpGraphicHelper.
    Well the problem is that only the upper-left corner is rounded. I've tried all the optional paramaters in Utils<IGraphicAttributeUtils>()->CreateCornerRadiusAttribute, and they all result with only the upper-left corner rounded. The other 3 corners are rectangular.
      - IGraphicAttributeUtils::kLiveTopLeftCorner
      - IGraphicAttributeUtils::kLiveTopRightCorner
      - IGraphicAttributeUtils::kLiveBottomLeftCorner
      - IGraphicAttributeUtils::kLiveBottomRightCorner
    InterfacePtr<IGraphicAttrRealNumber> pCornerRadiusAttribute(Utils<IGraphicAttributeUtils>()->CreateCornerRadiusAttribute(cornerRadius));
    if (pCornerRadiusAttribute)
         pApplyMultAttributesCmdData->AddAnAttribute(pCornerRadiusAttribute);
    I'm stumped...
    Any ideas?

    Norio,
    Thank you so much for your help!
    I simply added a CreateCornerImplementationAttribute for each corner and it worked.
    Rick

  • 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?

Maybe you are looking for

  • Screen is magnified after viewing movie on television.

    Screen is magnified after viewing movie on television.  It automatically goes larger when connecting to TV and usually goes smaller when disconnecting .  This time it has remained large.

  • Protecting and tracking PDF documents?

    Hello! We are about to build our new website and need to find a solution to make downloadable PDF documents available for both clients and registered members of our (3) new website(s). A colleague I spoke to, however, told me that we need to find a s

  • Find out when a program has been run

    Hi, To find out when a program has been run, I've developed a z program that uses FM SAPWL_STATREC_READ_FILE. However sometimes, the FM can't read the log file, and also I've known that a program was executed but it isn't on the tables return by the

  • Error in the program

    I'm a new learner in java...hoping someone could help me in this language... by the way i have a problem of this program it says that: Year.java:11: '(' expected. Bufferedreader in= new Bufferedreader(new InputStream Reader(System.in)); ^ 1 error nee

  • When I send a email I would like to have my photo and signature added at the end of my email. How do I add that?

    When I send a email I would like to have my photo and signature added at the end of my email. How do I add that?