WRAPPING TEXT AROUND AN IMAGE - Dec 25th, 2018


Here’s a simple way to wrap an image in the first few lines of text, like a head shot surrounded by descriptive text
on an about page.

The concept depends on some css to wrap the text around the image.

<style type="text/css">
.pad { border-right: 20px solid transparent;
}
.padr { padding-right:20px;
}
</style>

And in the body:

<div style="float:left"><div class="padr" style="float:none"> <?php foreach ($record['head_shot'] as $index =>
$upload): ?><img src="<?php echo htmlencode($upload['thumbUrlPath2']) ?>" width="<?php echo $upload['thumbWidth2'] ?>"
height="<?php echo $upload['thumbHeight2'] ?>" alt="" /><?php endforeach ?></div>
</div>
<div><?php echo $record['content'] ?></div>


You can see a screen shot of the result here: http://www.thecmsbcookbook.com/downloads/image-wrap.jpg



The materials on this web site have been created for use with CMS Builder content management software. CMS Builder software is published and licensed for use by InteractiveTools.com. Please contact Interactive Tools for information on the downloading of the software or the purchasing of licenses.


Terms of Service