I am relatively new to web design, Dreamweaver and CSS and I am not sure what are the limitations involved.
and have it scalable according to content.
I understand the concept of the faux column and was wondering if there are any method that could be modified to achieve the result?
Is my only option to create the background in Photoshop?
No. HTML doesn't do curved auto-flows. There may be some trick involving CSS3's rounded corners and transform behaviors, but it's definitely not ready for main stream and will not work in every browser. Therfore, for the time being, any such thing will have to be built as graphics or meticulously placed as separate lines of text at fixed coordinates.
To reply to Myleniums answer, using css3, you would have to apply css3 rounded corners to just one corner of the item, along with adjusting the corner width and color to get the rounded effect, then apply a background color to get the left hand item. Finally using css3 transform rotate the item inside a div to the required position.
I think everyone will agree, this is not worth the effort when a simple image of the 'curve' placed inside a div with the required color and a placed background image, would create the same effect.
Europe, Middle East and Africa