How to: Text Wrap Using Partial CSS Grid
1 Attachment(s)
Montezuma's CSS grid system is based upon 12 units. The documentation and most all of the related posts stress to
In the example, the text is wrapped around an image, but anything can be put in the div. If you adjust your browser window size, you'll see both the text and the image adjust. This technique uses nested percentage grids. It will work differently if you use fixed width grids, and that is not recommended. Here's the applicable code for the example: HTML Code:
<div class="float-right-wrap col4"><img src = "[image lurl]" ... /></div> MZ col divs usually float left. With a little extra CSS, they can also float right, and the text will be on the left. Here's that CSS, which gives some padding between the image and the text and a little at the top. Code:
.float-right-wrap |
All times are GMT -6. The time now is 03:30 PM. |
Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.