CSS rounded corners

[kjharrison]

I'm designgin this for a friend on my computer until he gets a host. However, since the left copntainer is set to 150px (I assume px=pixels) I designed a thin strip with the rounded corners I want and called it cornerTL.gif. I then turned to my CSS and put this:

.leftBoxHeading {
	margin: 0em;
	padding: 0.2em 0em;
	background-image: url(../images/cornerTL.gif);
	background-position: top left;
	background-repeat: no-repeat;
	background-color: #ED125A;
}

I have yet to test it on other monitors and am about to look at it in IE and Opera (I use Firefox). I'm not expecting any problems.

Thanks for your help.

[kobra]

When adding elements such as this, you might want to insure that there is sufficient space for them and can do this by (at least tempoarily) admin > config > layout settings > and setting the column width wider that the column boxes

Just to insure that you are not seeing a problem due to a space issue.

[kjharrison]

When adding elements such as this, you might want to insure that there is sufficient space for them and can do this by (at least tempoarily) admin > config > layout settings > and setting the column width wider that the column boxes

Just to insure that you are not seeing a problem due to a space issue.

Thanks for the suggestions. Although I knew the image fit the space, I did what you suggested and found that I like the extra space and kept it.

Thanks.