Smudged Edge Effect

[TicTac]

Hiya,

Using purely CSS, is it possible to create a div that utilizes the same effect as shown in the picture found at the following URL?: http://www.freewebs.com/ticstacs/Image.jpg

Also, how do I add rounded corners to the div?

TicTac

[Tailslide]

Personally I'd take the image apart so that you have a thin horizontal strip of the middle part of the image (maybe around 2px high) which you'd add as a background image to the div repeating vertically. Then I'd attach the top part of the image to something - say for instance a heading within the div and the bottom part to something else within the day - say for instance a list or paragraph.

[TicTac]

Is it not possible through Pure CSS?

[TicTac]

Can this not be done through CSS alone?

[Dan Schulz]

It's possible, but you're going to need a lot of extra HTML markup. Bear in mind I'm a minimalist coder (to the extreme) so what's "excessive" to me might be appropriate to you.

I have a bunch of other tabs open, but I'll keep this one in the browser for now, and when I get done, I'll go looking for a link that will show you how to do this, ok?

Oh and by the way, there's no need to bump your thread like that, and if I haven't done so before, allow me to welcome you to SitePoint!

[TicTac]

Ok.

[Dan Schulz]

http://battletech.hopto.org/html_tut.../template.html

http://battletech.hopto.org/html_tut.../template.html

http://battletech.hopto.org/html_tut...d_css_borders/

http://battletech.hopto.org/html_tut...d_borders.html

These should point you on the right path.

[TicTac]

Dan Schulz,

What would you call the border effect on the second square, at the following URL: http://battletech.hopto.org/html_tut.../template.html

Is there one that has rounded corners with this effect?

TicTac

[Dan Schulz]

The bottom example would be the closest I know of off-hand. You'd probably have to to replace the shaded border with the dropshadow though.

I'm currently working right now so I really can't help out further at the moment.

[TicTac]

Let me know when your free.