While redesigning 68 Classifieds new website I wanted to make the side box navigation look rounded. So from my knowledge I had two options.
1. Make the corner images and use a table to put each image in the location I wanted.
2. Use a css method similiar to what mambo uses. If you haven’t looked at this method you should because it is very neat. However it is quit complicated.

So I starting looking around for other ideas and stumbled upon the following css rule from mozilla “-moz-border-radius”. Now this is pretty cool. All you have to do is add it to your style sheet and WAMM you have a div with a border. Here is the css we are using:

div.subnav{
	background-color: #F7F7F7; 
	border-width: 1px; 
	border-color: #D6D5D6;
	border-style: solid; 
	padding: 5px;
	-moz-border-radius: 4px;
}

But of course because this is mozilla only Internet Explorer will still a standard square grey div. But hey it looks cool none the less.

More information can be found here:
http://www.eightlines.com/neil/mozskin/csscommands.html

This entry was posted on Wednesday, December 28th, 2005 at 9:21 pm and is filed under Programming. You can leave a response, or trackback from your own site.