One Rounded Corner

We see that amazing corner, over there. Yes, that one rounded corner. Sadly enough that one corner took me longer to put in than most full rounded corner containers.

Why did that take so long you ask? Because for some reason or another one rounded corner is not often wanted, therefore looking it up online didn't do too much for me, at all.

So now for your veiwing pleasure and hopefully something that helps you out later, how I put in my one rounded corner:

CSS:


.blog-posts {
background: #FFFFFF url(http://www.metamudcreations.com/dot.png) repeat-y top right;
}
.topbord {
background: #FFFFFF url(http://www.metamudcreations.com/dot.png) repeat-x top right;
height: 10px;
}
.corner {
background: #FFFFFF url(http://www.metamudcreations.com/corner.png) no-repeat top right;
height: 50px;
width: 50px;
float: right;
}

html:

The first style is just added to the main div you want the border and corner on.

The other two look like this, in this order inside your main div. If you do not put them in this order it will not work.

<div class='corner'></div><div class='topbord'></div>

So hopefully this helps you out if you ever want to just make one rounded corner.

To vent my frustrations again soon!
L4X9