Text Flow Problem

[thisisnt4real]

Hi all

I have a site that is using tables. In order to achieve a text wrap around an image, I have used tables. On a few of the pages (see link below) there is some sort of spacing in the cell that is causing the text to look like it has too many breaks being used.

Can anyone take a look and see what I am doing wrong? Thanks.


http://rasusa.com/new/projectmanagement.html

[Jack]

Looks fine on my end. I had a look at just about all your pages and I didn't notice broken text.

Anyone???

[thisisnt4real]

Hmmmm. Between the first and second paragraphs?

[djr33]

....Yeah.
you have a line break there.

that's because you have seperated the content using tables.

<table ... cellspacing="0" cellpadding="0">
That might help.

But... basically... you're slicing your text, then complaining that it's seperate. This is cause and effect. If you don't like the cause then you need to change the effect.

Maybe set the valign="bottom" (vertically align to bottom of cell) for the cell containing the text next to the image and "top" for the text below.

Or, better yet, reword, resize, or otherwise make it work to break a paragraph there, not a sentence.


Just realize this isn't a matter of bad code, but of trying to fit a round peg in a square hole. something's gotta change, sadly.

[jscheuer1]

Instead of tables, floats would probably be more appropriate to what you say you want. Something like:

<div>
<p>lots of text</p><img src="whatever.jpg" style="float:right;"><p>lots more text</p>
</div>