View Single Post
Old 04-17-2021, 01:10 AM   #15
Tex2002ans
Wizard
Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.
 
Posts: 2,306
Karma: 13057279
Join Date: Jul 2012
Device: Kobo Forma, Nook
Quote:
Originally Posted by Leonatus View Post
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.
Tex2002ans is offline   Reply With Quote