Thursday, November 17, 2005

Techqie, let's make your hand dirty

I've came across a question in a forum,

How can i write a banner with rounded corner? Just like the banner displayed in your blog

This is my blog's banner
Okay, let's look at the solution, not very difficult, basically, you need four images, for each of the corner, it's the image that made up the rounded corner!
Let's look at the CSS,

The CSS, click to enlarge the image

After CSS, let's look at the HTML!

The HTML, click to enlarge the image

Here is what we get, the result!


At 9:16 PM, Anonymous Chris Coppenbarger said...

CSS3 will support rounded corners, so that you don't have to do work arounds with images. I believe Firefox may already support this, but I haven't played with yet. I saw an article about this recently, but can't remember where I saw it.

At 12:07 AM, Blogger Web Idiot said...

That was on IE7?

At 11:56 PM, Anonymous Azmeen said...

Hmm... using tables is not really "graceful", you can get the same effects by using plain old DIVs and CSS.

Using tables for layout is the preferred method for lazy web designers of the mid-90s.

At 1:05 AM, Blogger Web Idiot said...


i agree with that, using DIVs and CSS are able to achieve to samething.

perhaps i should write another post about DIV and CSS.


Post a Comment

Links to this post:

Create a Link

<< Home