I've been reading sitepoint for quite a while and Now i need your help . I've come accross a problem that has just stumped me.
Basically I'm trying to make a box with a slanted corner (something like the "articles" or "forums" tabs that you see on top of sitepoint pages. the difference is that my box needs to have a border. If I were to put a border around it it will be a square border but i want a slanted border. basicly so the border follows the outline of the slant (along the image its no problem cause hte border will be part of the image) but the problem is that the border will appear "around" the image.
Ive tried putting 2 boxes inside eachother and using the background image property of the outside one and the border property of the inside one. but the border appears on top of the background image. Even when you change the z-indexes.
anyone have any ideas?
Realy would appreciate some help.