Quote:
Originally Posted by Leonatus
Interesting! In my case, the image is not irregularly shaped; it is rectangular. But the space that is not covered with graphics is simply blank. So I have to write "on" the image.
|
Yep, like jhowell said, that's what CSS3's shape-outside does. It allows you flow text around all sorts of shapes (like a circle, oval, triangle, or any complicated shape like a star).
And the threshold I mentioned allows you to flow text based on the Alpha (transparency) of the image. So you paint parts of the "L" with a solid background + the large blank spot could be converted to transparent background.
In CSS2, all you can do is just say "float: left/right", and the text flows around the entire rectangle.
There
are ways you may be able to hack something together in CSS2, by treating the L-shape image like 2 separate images:
One for the flat/wide rectangle up top, and one for the skinny/tall rectangle to the left.
But it probably wouldn't work on many devices, and may even break on things like cellphones.
See those RbnJrg threads I linked above though. He shows how, and maybe the examples may work in your case.