Adding a rounded edge

Anyone?

I have figured out the first part as shown in the image. The second part is the problem. PunBB does not use the blocktable class for the 1st opening DIV in all the admin areas or for that matter in the plugins as well. I have tried adding the right rounded image to:

<h2 class="block2"><span>Statistics</span></h2>

but it is impossible, at least for me. Unless I add <div class="blocktable"> before it. Hope you understand.

Bingiman

Actually Paul, the problem is not the left or right image. it is the middle cellpic as shown in the image above. These aren't 2 images. It is 3 images I am using.
left, center and right.

Well, that method works but it still doesn't show the rounded images for the admin files.

ok, cool..I do have a workaround as I previously mentioned but it sucks having to edit every admin or plugin.

Thanks Paul.

Bingiman.

Well, I managed to sort a lot out with this middle image and it seems to be working well after I made some modifications to the admin files. Anyway, I am having a very strange issue. As you can see in the image below it appears that the left rounded image is outta whack. The thing is, it is not happening on every post while in viewtopic, only on some. I made some modifications to the codebox class because the font size was a problem, but it seems to be still happening on some posts. Maybe some one can have a look at the css files for me and have a go at it? If necessary, I can provide you with a link to download the entire theme.

Thanks
Bingiman

I tried with rounded edges on punbb last year but didn't get them 100% right so I deleted them.
Had problem aligning them in all browsers.

But i used 100% css and html.

HTML

<b class="xbottom"><b class="xb4"></b><b class="xb3"></b><b class="xb2"></b><b class="xb1"></b></b>

CSS

.xb51, .xb52, .xb53, .xb54 {display:block; overflow:hidden;}
.xb51, .xb52, .xb53 {height:1px;}
.xb52, .xb53, .xb54 {background:#383838; border-left:1px solid #565656; border-right:1px solid #565656;}
.xb51 {margin:0 5px; background:#565656;}
.xb52 {margin:0 3px; border-width:0 2px;}
.xb53 {margin:0 2px;}
.xb54 {height:2px; margin:0 1px;}

Hey Scot,

I thought that was really obvious mate. I know where it is. I need to find a fix for it.

but you see in my opinion those don't look like a nice clean rounded edge. That's why I didn't want to go with your method. Although, it might have been easier. I wanted to prove to myself that e images could work using divs and not just a left round edge and a long right image. That sorts makes the style a fixed width on some images. Anyway, I did have to modify all the admin files that used the <h2 class="block2"> this was also changed to the block or blocktable class. It was for Mega Pun so I really didn't mind modifying them.

This is why I love tables. you never have these problems.

There is enough div's and other tags just about everywhere to get away with just using 2 images (or 4 if you want all corners), but it certain places the SPAN tag is missing so you can't always rely on being able to just style "<h2><span>text</span></h2>" and release the style. I just did a global regex search and replace way back when I did this for one of my websites, and it worked well. The CSS on my site might a little messy to read as I never bothered to completely clean it up, but if you take a look at it you should find what you need to round most corners.