Trouble With Rounded Corner Divs

Hi. This is the code:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">.products_page_container {width:48%; background-color:#FFCCFF; margin-bottom:20px; }
#main .products_page_container p {color:#000000; padding:20px}
.float_left {float:left;}
.products_page_container .tl {background:url(images/ProductsContainerTL.gif) no-repeat top left; }
.products_page_container .tr {background:url(images/ProductsContainerTR.gif) no-repeat top right; }
.products_page_container .bl {background:url(images/ProductsContainerBL.gif) no-repeat bottom left; }
.products_page_container .br {background:url(images/ProductsContainerBR.gif) no-repeat bottom right; }</style>
</head>
<body>
<div class="products_page_container float_left ">
<div class="tr">
<div class="tl">
<div class="br">
<div class="bl">
<p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis <strong>autem vel eum</strong> iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.Lorem ipsum dolor sit amet, consectetuer adipiscing elit, <strong>sed diam nonummy nibh euismod tincidunt</strong> ut laoreet dolore magna aliquam erat volutpat. </p>
</div> </div></div></div></div>
</body>
the rounded corners appear inside the div as if theres some sort of top and bottom padding. If i remove p tags the rounded corner box works...but then there are paragraph tags for my text. am I missing something here? Thanks.
also i should add that I have removed padding from p but still rounded corners appear inside div with background appearing above and below.

Hi
Try moving the divs for the rounded corners outside your product div.
An alternative solution would be to use the propriety browser rounded corners for FF and Safari and the jQuery rounded corners for IE.
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
PZ

Similar Messages

(CSS) Rounded corner divs with shadows...

Hi,
It appears that with IE9, it's now safe to use CSS-generated rounded corner divs.
What about rounded corner divs with shadows?
Is this now do-able? (and by do-able, I mean viewable in IE9 and FF4)
Thanks!

Most modern browsers support CSS Border-Radius. However, you will need some webkit and mozilla specific rules for Firefox 3, Safari/Chrome.
BORDER-RADIUS
#Your-Div-Name{
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
/**NOTICE THE SYNTAX DIFFERENCES FOR MOZILLA**/
#Complex-Borders {
background: #FFF;
color: #000;
border: 9px solid red;
/**MOZILLA**/
-moz-border-radius-topright: 55px;
-moz-border-radius-bottomright:8px;
-moz-border-radius-bottomleft: 0;
-moz-border-radius-topleft: 22px;
/**WEBKIT**/
-webkit-border-top-right-radius: 55px;
-webkit-border-bottom-right-radius: 8px;
-webkit-border-bottom-left-radius:0;
-webkit-border-top-left-radius:22px;
/**OPERA, OTHERS**/
border-top-right-radius: 55px;
border-bottom-right-radius: 8px;
border-bottom-left-radius:0;
border-top-left-radius:22px;
BOX-SHADOWS:
#Your-Div-Name {
-moz-box-shadow: 5px 5px 5px #000;
-webkit-box-shadow: 5px 5px 5px #000;
box-shadow: 5px 5px 5px #000;
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

Web Overlay with rounded corner

Hello,
I would like to embed a YouTube video in my iPad app via the web overlay panel (is that even still possible since iOS8???).
The editorial design guideline requires the left bottom corner of the video to be rounded, the other corners are normal. Please see this picture for reference:
I tried several workarounds but nothing worked. Can somebody please tell me how I can play a Youtube video in the app (outside of the In-App Browser!) with that dolphin poster picture and the video playing inside the rounded-corner-frame?

Thanks Bob, that works great. I've heard somewhere that embedding Youtube videos does not work anymore with iOS8. Is that true?
Also, do you know an answer to this question (as it has been unanswered for a while): image sequence: pixelation of placeholder image

Trouble with spacing of divs vertically

Hi all,
I am having trouble with CSS and vertically stacking my divs, In the following code there are a number of identical divs and I want them to stack one upon the other like in a list. At the moment I need to hit returns after each div to get below the one above and it puts way too much room in between each div doing this. I am at a loss how to do set the amount of spcae between them and also to make one go directly below the other.
Any and all help greatly appreciated
Thanks Rick
<bodystyle="margin:0; padding:0;">
<div class="logo">
<p><img src="images/spinlogonewsml.jpg" alt="Spin City Logo" border="0" style="position: absolute; top: 10px; left: 500px; /></p>
<p> </p>
<p> </p>
</div>
<div class=main">
<div class="imagebutton" id="left"><img src="images/img_16_n.png" width="40" height="40" alt="left button" /></div>
<div class="help">Rotate the Object or Panorama left one increment.</div>
<p> </p>
<div class="imagebutton" id="right"><img src="images/img_17_n.png" width="40" height="40" alt="Right Button" /></div>
<div class="help">Rotate the Object or Panorama right one increment.</div>
<p> </p>
<div class="imagebutton" id="Plus"><img src="images/img_18_n.png" width="40" height="40" alt="Plus Button" /></div>
<div class="help">Zoom into the image a step at a time.</div>
<p> </p>
<div class="imagebutton" id="minus"><img src="images/img_19_n.png" width="40" height="40" alt="Minus Button" /></div>
<div class="help">Zoom out of the image a step at a time.</div>
<p> </p>
<div class="imagebutton" id="AutoRotate"><img src="images/img_20_n.png" width="40" height="40" alt="Auto Rotate Button" /></div>
<div class="help">Starts or stops auto rotation of the Object or Panorama.</div>
<p> </p>
<div class="imagebutton" id="DefaultView"><img src="images/img_23_n.png" width="40" height="40" alt="Default Vew Button" /></div>
<div class="help">Resets the Object or Panorama to it's starting position.</div>
<p> </p>
<div class="imagebutton" id="RotateMode"><img src="images/img_25_n.png" width="40" height="40" alt="RotateMode" /></div>
<div class="help">
Sets the mouse interactive mode to 'Rotate' allows for rotating the Object when zoomed in, toggles with 'Move' button below.
</div>
<p> </p>
<div class="imagebutton" id="MoveMode"><img src="images/img_24_n.png" width="40" height="40" alt="Move Mode Button" /></div>
<div class="help">Sets the mouse interactive mode to 'Move' allows for dragging the Object when zoomed in, toggles with 'Rotate' button above.</div>
<p> </p>
<div class="imagebutton" id="SoundButton"><img src="images/img_28_n.png" width="40" height="40" alt="Sound Button" /></div>
<div class="help">Use this button to mute the sounds played by the interactive presentation.</div>
<p> </p>
</div>
</body>
</html>

Way too many divisions. All you need is one main division or possibly two. The rest is easily contained inside <p> tags.
Copy and paste this into a new HTML document.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Vr help File</title>
<style type="text/css">
/**zero out browser default settings on everything**/
* {margin:0; padding:0; line-height: 100%; font-size: 100%;}
p {
line-height: 1em;
font-size: 16px;
margin-bottom: 12px; /**space between paragraphs**/
#logo {
float:right;
width: 35%;
margin-right: 150px /**adjust as req'd**/
</style>
</head>
<body>
<div id="logo">
<img src="http://www.spincityimaging.com/images/spinlogonewsml.jpg" width="74" height="53" class="logo" />
</div>
<p><img src="http://www.spincityimaging.com/images/img_16_n.png" width="40" height="40" alt="left button" />Rotate the Object or Panorama left one increment.</p>
<p><img src="http://www.spincityimaging.com/images/img_17_n.png" width="40" height="40" alt="Right Button" />Rotate the Object or Panorama right one increment.</p>
<p><img src="http://www.spincityimaging.com/images/img_18_n.png" width="40" height="40" alt="Plus Button" />Zoom into the image a step at a time.</p>
<p><img src="http://www.spincityimaging.com/images/img_19_n.png" width="40" height="40" alt="Minus Button" />Zoom out of the image a step at a time.</p>
<p><img src="http://www.spincityimaging.com/images/img_20_n.png" width="40" height="40" alt="Auto Rotate Button" />Starts or stops auto rotation of the Object or Panorama.</p>
<p><img src="http://www.spincityimaging.com/images/img_23_n.png" width="40" height="40" alt="Default Vew Button" />Resets the Object or Panorama to it's starting position.</p>
</body>
</html>
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

How create EtchedBorder with round corner?

Hi,
does anybody have an idea, how to create an EtchedBorder (for a JPanel) with round corners?
Thx.
Hans

did you check the source of the EtchedBorder ?
you can create an round button that paints the same
just .. with round corners
here an example for RoundBorder
http://examples.oreilly.com/jswing2/code/ch13/CurvedBorder.java

Trouble with IE8 placing div in the right spot. Other browsers work fine.

My layout is working in all browsers (Firefox, Safari, Chrome, Opera, IE6 & 7) but not in IE8 or 9beta.
The trouble is with a div containing text not displaying below a "lightbox gallery". In IE8 the text div jumps up and appears behind the gallery.
I've tried using negative pixel definitions in the css (margin-top, margin-bottom) and other simple tricks to no avail. This site is still in development but I do have a few sample pages online. Here's a link to one. http://www.redhousepottery.com/chimerasite/hanks.html
I have a feeling a css hack is all I need to fix this. I don't have enough practice at this yet. Any help is appreciated!

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
Add the above to your meta code to emulate 7.0 and probably fix the problem, at least until you can find a fix in IE8.
Best,
DR

Having trouble with rounding and if/else

I am trying to write a program that reads 2 floating-point numbers and test if they're the same when rounded to 2 decimal places and whether they diff by less than 0.01. I'm having trouble compiling it, with errors such as
"C:\Documents and Settings\John\My Documents\Test2.java:24: 'else' without 'if' else"
C:\Documents and Settings\John\My Documents\Test2.java:18: cannot find symbol
symbol : method round(double,int)
location: class java.lang.Math
     double round1 = Math.round(firstinput,2);
                         ^
C:\Documents and Settings\John\My Documents\Test2.java:19: cannot find symbol
symbol : method round(double,int)
location: class java.lang.Math
     double round2 = Math.round(secondinput,2);Here is the code:
import java.util.Scanner;
import java.text.NumberFormat;
import java.math.*;
import java.lang.Math;
public class Test2
     public static void main( String args[] )
     Scanner sc = new Scanner( System.in);
     System.out.println("Enter your first floating-point number: ");
     double firstinput = sc.nextDouble();
     System.out.println("Enter your second floating-point number: ");
     double secondinput = sc.nextDouble();
     double round1 = Math.round(firstinput,2);
     double round2 = Math.round(secondinput,2);
     double total = round1 - round2;
    if(round1 == round2);
    System.out.print("They are the same when rounded to two decimal places. \n");
    else
    System.out.print("They are not the same when rounded to two decimal places. \n");
     if(total<1.01 && total>0.99)
     System.out.print("They differ by less than 0.01. \n");
     else
     System.out.print("They do not differ by less than 0.01. \n");
}

Are you restricted to Math.round()? Try reading about DecimalFormat:
http://java.sun.com/j2se/1.4.2/docs/api/java/text/DecimalFormat.html
Your code with DecimalFormat:
import java.text.DecimalFormat;
import java.util.Scanner;
public class Test2 {
    public static void main(String[] args) {
        DecimalFormat df = new DecimalFormat("#.##");
        Scanner sc = new Scanner( System.in);
        System.out.println("Enter your first floating-point number: ");
        double firstinput = sc.nextDouble();
        System.out.println("Enter your second floating-point number: ");
        double secondinput = sc.nextDouble();
        double round1 = Double.parseDouble(df.format(firstinput));
        double round2 = Double.parseDouble(df.format(secondinput));
        double total = round1 - round2;
        if(round1 == round2)
            System.out.print("They are the same when rounded to two decimal places. \n");
        else {
            System.out.print("They are not the same when rounded to two decimal places. \n");
            if(total<1.01 && total>0.99) //<== Rather redundant, why not just use total == 1
                System.out.print("They differ by less than 0.01. \n"); //<== From the above if statement, it seems if you are looking to see if the 2 numbers differ by less than 1.00, and not 0.01. The same goes for the else statement below
            else
                System.out.print("They do not differ by less than 0.01. \n");
}Also, when I ran your program with the latter code and entered two same floating point numbers, it also printed out "They do not differ by less than 0.01." I've added curly brackets around the outer else statement to ensure that it does not happen. It's best to use curly brackets in structured statements if their function exceeds more than one line; for stability and legibility.
Also, read my comments.

Trouble with Round trip between Soundtrack Pro 2 and Final Cut Pro 6

I have edited a home movie together. I then have sent the sequence to Color for grading and then after completing the Color changes and Rendering. I sent it back to Final Cut Pro. It starts out working fine but during the transfer process it stops at somewhere between 50% and 60%. It is during the "Importing XML Data" phase. It just sits there and does not change and I have to force quit to get out of it. The exact same thing happens when I try to round trip from Soundtrack Pro 2 back to Final Cut Pro. So I am unable to make use of the changes I make in these programs.
This is a round trip process that I have successfully made many times before. Nothing has changed. I am working in Final Cut Studio 2 with the latest updates on an Intel Mac. Any advice on how to remedy this situation would be greatly appreciated.
Thank you in advance.

Thanks.
What's I've been doing is exporting the Soundtrack files as AIFF files, then importing them into Final Cut...
It's working... at least well enough. Still seems harder then just being able to go back and forth between the two applications.
Thanks for the advice.

Trouble with vertically expanding DIVS

(Dreamweaver CS5, MacBook Pro, OS X.8.2)
This issue has bothered me for some time. I have not been able to find a solution on the web as of yet. And yes, I'm fairly new to CSS!
I have two DIVS, side by side, in a wrapper DIV (shown in purple line) to hold them in place left and right. There is also another outer wrapper (called ".main", orange line.) to hold the whole array centered on the page.
What I want is for the text DIVS to expand vertically to accommodate any text overrun in cases of browser render differences.
With that in mind, if I should remove the height specification from the text DIVS (.featureleft and .featureright), the bottom edge of those DIVS will collapse upward until they connect with the last line of their text content, which is of course what I want, because this means, of course, that if I add more text, the DIVs will expand downward to accommodate the additional text.
However, when I remove the height specification from the wrapper (".wrapper", shown in purple), the .wrapper DIV collapses upward all the way to its own top line, in complete disregard of its own contents (.featureleft and .featureright). In other words, it behaves as if it was an empty DIV.
Why does this happen? Why would it ignore its contents? Thank you-
Here is some general code I'm using for the DIV structures:
.main {
    width: 940px;
    margin: 0 auto;
.wrapper {
    width: 940px;
    height: 850px;
.featureleft {
    width: 450px;
    height: 680px;
    font-family: Arial, Helvetica, sans-serif;
    float: left;
    text-align: left;
.featureright {
    width: 450px;
    height: 680px;
    font-family: Arial, Helvetica, sans-serif;
    float: right;
    text-align: left;

Nancy O. wrote:
Height is always determined by content and not explicit height values. ..
Remove height from all containers with text in them...
Nancy O.
If we're on the same sheet of music here, height is determined by either the presence or absence of a value (.featureleft, for example, has a specified height of 680 pixels). That's pretty explicit, I'd say! Perhaps I'm not fully understanding of the point you are trying to convey?
Yes, again when I remove the height values, the text-containing DIVS do exactly what I wish for. However, when I remove the height value from their parent wrapper, that wrapper DIV collapses in on itself (upwards), thus ignoring its contents. Why?

Trouble With Oracle8 ODBC Diver

Hi all,
I'm using Oracle Enterprise Edition 8.1.7 and Microsoft Oracle ODBC Driver 8.1.7 for Windows. After having configured my DSN, i've tested to connect to my Database whith ODBCTEST. But I always receive the same error :
SQLSTATE : 01000
Native Error Code : 444
Driver Message : le pilote a renvoyi une valeur incorrecte ou n'a rien envoyi pour SQL_DRIVER_ODBC_VER : 03.51
I've no problem to use my database with another driver(JDBC) or via SQLPLus.
Is there a non compatible version of ODBCTEST ?
Could somebody give me some help ? Thanks a lot.
Jean-Marie.

1) There's no such thing as the "Microsoft Oracle ODBC Driver 8.1.7". There are two similiar ODBC drivers you can be using-- the Microsoft ODBC driver for Oracle or the Oracle ODBC driver. The former is from Microsoft, the latter from Oracle.
2) I'll wager that the problem here is that you're using the Oracle driver with an old version of the MDAC (Microsoft Data Access Components) which includes the ODBC Driver Manager. The Oracle driver is identifying itself as supporting the ODBC 3.51 API, but the driver manager isn't aware that that revision of the API exists. You should be able to solve this problem by downloading an updated MDAC from <http://www.microsoft.com/data>.
If this doesn't solve your problem, can you translate the driver message into English? My French is extremely limited.
Justin

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

I am really in trouble with AP Div-How do I fix it on the web?

Hi,
I am really in trouble with my website. I have added some pictures and text on top of Fireworks Image and have published it on the website.
But the concern is, when I zoom in & zoom out, I can see the previous text on the screen and also the picture and texts I have added using Ap Div tag are scattered moving all to the left when I zoom out. Can someone help me how to fix this in one particular place so that it doesn't move when I zoom in or zoom out!!! I am using Adobe Dreamweaver CS3, if this will help.
Appreciate your sincere help on this.
Thanks in advance.

Frankly, there's a lot that is wrong with that page:
1. Most of your content is in the images - this means that you will get very poor search engine ranking
2. Your extensive use of absolute positioning for layout - this means that when you enlarge the text size in the browser, you will have overflow problems on the page (for example, the terrible problems at the bottom of the page)
3. You have used tables for layout - this is because of your use of Fireworks to create the HTML
Each of these problems is solvable but none of them are solvable easily without a redesign of the page. A web page should be built from the top down, stacking content containers (i.e., <div>, <section>, <article>, <aside>, etc.) vertically or floating them horizontally or both. These containers would be loaded with the text content of the page, and images would be used only for cosmetic appearance. Using CSS to style/locate the content will allow you to completely move away from tables for layout. Most typical pages can be created without the use of absolute positioning which should be used only for special purposes, not for layout of the page elements.

Since installing the new OS i am having troubles with different appliction icons showing up on my main page twice (upper left corner), and not allowng me to select certain ones (app store specifically). Anyone else having this issue?

Help - anyone else out there having trouble with the new OS system on their ipad 2? I am not getting mutliple copies of several apps ont he main page. They are "collecting: in a pike int he upper left corner and the original application icon is no lobger working. I have tried a hard sync, and that didn't help.

It should only be able to have one copy of an app on the iPad. Have you tried a reset : press and hold both the sleep and home buttons for about 10 to 15 seconds (ignore the red slider), after which the Apple logo should appear - you won't lose any content, it's the iPad equivalent of a reboot.
Do all the apps work ? In the past a few people have taken a screen shot of their iPad screen and that has then become their background picture - so some of the 'app's may actually be on your wallpaper picture and not actual apps. Have you tried changing the wallpaper to see if that makes any difference ?

Trouble with rollover image in div

Hello there,
I am having some trouble with the following.
I want to create a rollover image 90 pxl x 90 pxl and put it inside a div 90 pxl x 90 pxl.
The div is inside other divs and makes up a kind of a table. I checked that all the div and image sizes are the same but when I place the cursor inside the div and select 'insert rollover image', my images are all squashed up and don't appear normal size. Very odd.
Here is some of my code:
CSS of div (I want to put my image inside smallBox01a)
#Header #rightColumn #smallBox01 {
    height: 90px;
    width: 270px;
#Header #rightColumn #smallBox01 #smallBox01a {
    float: left;
    height: 90px;
    width: 90px;
HTML
      <div id="smallBox01a"><a href="tobi.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('tobi','','Images/TobiOver.jpg',1)"><img src="Images/TobiOff.jpg" alt="Tobi" name="tobi" width="90" height="90" border="0" id="tobi" /></a></div>
Poor old Tobi cat's face is all squashed up. Any idea what is going wrong? I don't have any padding within the div either.
Thanks!
PS I also should add that when I tried to simply add in one of the Tobi images instead of the rollover image, it appeared perfectly fine within the div. It is only the rollover that is getting vertically squashed up.

So, I've been playing around with your page in dreamweaver and I put a <div> container around your entire web page and then set the width to 1200px. That contained all the contents so that when you re-size the web page the contents don't colapse.
Not sure if that's what Murray or Nancy mean and am curious if their is a better way.
That would work although 1200px is too wide. Something along the lines of 1000px would be better, since you want the page to display in a maximized browser viewport on a 1024 screen without dropping horizontal scrollbars. I still use 960px as a maximum width....
Re the centering of the page: Good question I would like to know how to do it "properly"
In the CSS body rule I put: margin-left: 20%;
                                            margin-right: 20%;
Again, I'm not sure if that's the correct way to center the page, and would like to know a better way.
It's not the best way to do this, which would be to use a fixed width container (as you have done) and just assign it left/right margin settings of 'auto', e.g.,
#container { width:960px; margin:0 auto; }
You can center *any* block element within its container with this method.

Rounded Corner Text Box in iWeb 2.0 - just like this site

As you can see on this very apple site the corners of its main boxes are rounded. In iWeb you can't make your text box rounded unless you place your text in a rounded corner shaped box. However for formatting purposes the shaped box won't expand or contract as you see your site on different browsers because it is saved as either an image.
1. If you place text directly in a shape it publishes as an image with the text not able to be highlighted or searched.
2. If you place a text box over a shape. The text will not adapt to the boundaries of the box. So if you view you site on the web it is possible for your text to go outside the boundaries of the box. This is not good.
3. I tried creating a rounded png box with transparency that I then made as the background image for a text box. The corners showed properly on iWeb but once published the rounded corners showed properly when there was no drop shadow applied to the text box. With a drop shadow the corner squared off to display some of the background corner. I know this is not the clearest -- forgive me.
4. You can add a picture frame to a text box which expands and contracts so why not simply be able to add a rounded corned picture frame to a text box.
Finally, the simple solution to me should be that the text box should be capable of being rounded. I know why iWeb doesn't do this because rounded corners are complex. I know because I've designed sites with Dreamweaver and GoLive.
I hope they add this to the iWeb in an update. You'd think they'd have a template similar to their own site which has rounded corners.

The rounded corners are images.
[TopLeft|http://discussions.apple.com/images/header.gif] & [Topright|http://discussions.apple.com/images/header_rightcap.gif]
[BottomLeft|http://discussions.apple.com/images/bottom.gif] & [Bottomright|http://discussions.apple.com/images/bottom_rightcap.gif]
You want prefab solutions.
Web design is also about finding solutions yourself. It's part of the creative process.
The textboxes are <div> elements in the final result. W3 CSS does not specify rounded corners, but [it is possible in CSS3|http://www.w3.org/TR/css3-background/#the-border-radius].
Safari supports the +-webkit-border-radius: 10px;+ style.
You can see it on [my custom webpage|http://myworld.webhop.org].
So, if you have the knowlegde, you can apply what you want with a HTML snippet.

Trouble With Rounded Corner Divs

Similar Messages

Maybe you are looking for