CSS Question: Graphical Borders?

[Syrinx]

I had zero CSS experience before I started playing around with my DU journal, so this may be a dumb question.

Is there anyway that I can put graphical borders around elements in the journal? I have googled the heck out of this, and everything that I've found requires either nested "divs" in the html, or the use of javascript, neither of which, I assume, is possible in regards to the journals here.

It seems that there should be a way to use CSS to define borders using six images -- one for each corner (that would be "no-repeat") and one each for the vertical interior and horizontal interior (that would be "repeat"). Yet, this method has so far eluded me. Is this possible?

I guess it's no big deal if it's not, since I'm just doing this for fun anyway, but it would be cool. :)

[FreeState]

1. CSS3

CSS3 will do this - however almost no browsers support this yet. For now using CSS2 we are left with borders of lines and dots at certain thicknesses and colors. (See CSS2 Borders rules http://meyerweb.com/eric/css/references/css2ref.html)

The one way around it would be to use an image and make a DIV area with a set hight and width that fits the image and set the background image to that image. Its a little tricky...

[Syrinx]

2. that's what I was beginning to figure

Thanks for the reply. I guess I can now go find the next unsolvable problem. :)

Thanks again.

[Syrinx]

3. I found a way to do this

The general idea is explained at the link below. It seems that it's necessary to specify a fixed width for the column, in my case 500 pixels. If anyone has an idea on how to remove this limitation, I'd be interested in hearing about it.

Also, I'm getting, for lack of a better term, artifacts underneath some but not all of my posts. It seems to be that the one-pixel "interior" image is being reproduced just under some of my posts. If you know what is causing that, please let me know. It's probably something simple and stupid, but I haven't figured it out yet.

Thanks!

http://www.w3.org/Style/Examples/007/roundshadow.html