Text wrap

bokehlover71

Isn't it possible to put a picture inside a text block, so the text wraps around the picture? All I manage to get is a text box with a picture beside.

Lille Ulven

Well, bokehlover71, I would say it is possible, just not in the way you're thinking of doing it.
You would need a html block instead. Have some text within p-tags and when you want to add your photo you would open up either a table or a div-section. Kind of like it is described here: http://www.dgrin.com/showthread.php?t=252165 just æhm... a little different

Good luck

Lille Ulven

Allen

bokehlover71 wrote: »

Isn't it possible to put a picture inside a text block, so the text wraps around the picture? All I manage to get is a text box with a picture beside.

See my test page here. Scroll down and see example.
http://www.photosbyat.com/customize/Test-old-journal

This is put in an html box. CSS goes in box CSS tab.

<div class="myPhoto">
  <img src="http://www.photosbyat.com/Macro/Macro-Spiders/i-cf7fmWd/2/S/IMG_1056-2eR-S.jpg" alt="image" />
</div>    

<div class="myText">
  <p>text ... text
  </p><br /><br />
    <p>text ... text text
  </p>
  <br /><br />
  </div>
<hr />
<br /><br />

<div class="myPhoto2">
  <img src="http://www.photosbyat.com/Macro/Macro-Spiders/i-cf7fmWd/2/S/IMG_1056-2eR-S.jpg" alt="image" />
</div>    

<div class="myText">
  <p>text ... text
  </p><br /><br />
    <p>text ... text
  </p>
  <br /><br />
  </div>

CSS tab

.myPhoto {
  float: left;
  /* allows the text to flow to the right */
  padding: 0 20px 0 20px;
}

.myPhoto2 {
  float: right;
  /* allows the text to flow to the right */
  padding: 0 20px 0 20px;
}

.myText {
  text-align: justify;
  padding: 0 20px;
}