Tom's Guide | Tom's Hardware | Tom's Games
![]() |
![]() |
![]() |
Name: Qasim Ali
Hi, Guys!
You will have seen latest BBC site at http://www.bbc.com . In this site they have made rounded corners of their <DIV> cells. So how we can make <DIV> cells rounded?
In the same site of BBC you will have seen that two different <DIV> cells are in a same row. So how we can make these cells in a same row?
If you couldn't understand the Question then plz see the picture that I have uploaded on Rapidshare. Its link has given below.
http://rapidshare.com/files/2493152...I request you to plz give me answer, I will be grateful to you.
Best Regards,
Qasim Ali.
http://qaswallpapers.sitesled.com

The actually <div> is still has square corners but the secret is to use a image for the background that has the corner shaded the same as the background. This makes it look like the div is rounded but it's just the background. so if you just wanted the bottom corners rounded you can make a image file like this here. So you can see it matches the background but the image is square.
So then what you would do is either make multiple divs within one div then you can make a top, a middle(content) and a bottom. Top and bottom sections would have the rounded edges background.
Hopefully i explained that. If not send me a message.

Hi, jgalty!
Thanks for your anticipation. You have replied good and I have
understand. But Now question is "How to cut those small
rounded pieces of corners in Adobe Photoshop?" I tried my
best but couldn't do that. I request you to tell me how can I
cut them?Second question is, how can I give fixed length of DIV in
Firefox? I have posted this question in a new thread in this
forum too. I request you to reply here or there.I will be grateful to you for this kind act.
Regards,
Qasim Ali.

![]() |
![]() |
![]() |
| Login or Register to Reply | |
| Login | Register |
| Ads by Google |