marglar
asked on
html/css text block shape
I have a project where the client has what is roughly a diamond shaped image (the content of the image) and wants the text next to it to follow the shape of it.
Of course I can do this in photoshop. But, they want the text to be editable and update-able.
So, I have to ask - is there a way to do this? Can a text area be "shaped"?
Of course I can do this in photoshop. But, they want the text to be editable and update-able.
So, I have to ask - is there a way to do this? Can a text area be "shaped"?
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
just use
"just use "
If you do that, then you will never be guaranteed that the text will follow the shape of the image for various reasons:
- All browsers render text slightly differently.
- Sometimes the user's system may not have the particular font, so the browser will substitute a similar font.
- If the user resizes the text in their browser, then it definitely won't line up anymore.
If you do that, then you will never be guaranteed that the text will follow the shape of the image for various reasons:
- All browsers render text slightly differently.
- Sometimes the user's system may not have the particular font, so the browser will substitute a similar font.
- If the user resizes the text in their browser, then it definitely won't line up anymore.
An image in your browser is allways a rectangled shape.
Unless you split your image into pieces, like the above links will show you, it's impossible
Unless you split your image into pieces, like the above links will show you, it's impossible
ASKER
A good solution for what I was asking about. Thank you.
http://meyerweb.com/eric/css/edge/slantastic/demo.html
http://meyerweb.com/eric/css/edge/curvelicious/demo.html
http://meyerweb.com/eric/css/edge/raggedfloat/demo.html
http://meyerweb.com/eric/css/edge/raggedfloat/demo2.html