Welcome to WebmasterWorld Guest from 54.161.99.20

Forum Moderators: not2easy

Message Too Old, No Replies

Wavy sides to web page

Any neat way to coe with that in CSS

     
4:42 pm on Feb 1, 2010 (gmt 0)

Full Member

10+ Year Member

joined:Oct 14, 2004
posts: 316
votes: 0


I have been asked to produce a web page with the appearance of having a wavy edge - rather like a low-amplitude sine wave. I could just use images and design for specific font size - but that would get broken if the page visitor wants to use a larger font size.

Is there a neat way to get round this using CSS?

4:56 pm on Feb 1, 2010 (gmt 0)

Junior Member

5+ Year Member

joined:Nov 17, 2009
posts:41
votes: 0


More details? I am not sure what you're getting at...
4:57 pm on Feb 1, 2010 (gmt 0)

Senior Member

WebmasterWorld Senior Member beedeedubbleu is a WebmasterWorld Top Contributor of All Time 10+ Year Member

joined:Feb 3, 2004
posts: 6109
votes: 6


Can't you just do it with a repeating background image?
5:00 pm on Feb 1, 2010 (gmt 0)

Full Member

10+ Year Member

joined:Oct 14, 2004
posts: 316
votes: 0


The best description I can give is the page having the appearance of a banner or flag blown by a gentle breeze. The sides are no longer vertical, they have a wavy edge. That's what I have been asked to do.
5:04 pm on Feb 1, 2010 (gmt 0)

Full Member

10+ Year Member

joined:Oct 14, 2004
posts:316
votes: 0


BeeDeeDubbleU, Actually, that may be the best solution. However, the graphics designer as drawn the edge with a varying thickness, marrying up to a horizontal bar at the bottom. He has also got a small section of the page where the left-hand margin is parallel to the the wavy side.