Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
The image would still be rectangular, therefore text would wrap around the rectangle, not the body’s outline.
For example, this image is a rectangle of 190px by 338px
http://upload.wikimedia.org/wikipedia/commons/thumb/0/03/Persons.svg/190px-Persons.svg.png
Images can’t have multiple width and height dimensions. Images take the widest and tallest points, then use those as an overall image size.
I get what you’re saying, I guess in order to do it the text would actually have to be layered over the image. I’m just not sure how to do it in a WordPress page. It has to be possible, it’s done all of the time on other websites.
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
If you come across a website that has implemented it, let us know of the website URL and we’ll take a look at how they do it.
I actually found a how-to for WordPress but with the way he did it I’m not sure I would ever get it to line up correctly. He used a photo and cut the image into different images and then lined them up in his post. Seems like it would be a nightmare to line up, plus my website is responsive so I’m not sure if it would work anyhow. Here is the link: http://www.wphub.com/how-to-flow-text-tightly-around-images/
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
I don’t think he cut the image, but used two extra <div> elements that covered the main parts of the image.
This technique does the job roughly, but may compromise your website’s semantic value.
Sorry, I guess I read somewhere else about someone cutting a image. I’ll look into this way some more. Thanks for the help, I’m kinda new at the advanced stuff.
