laying out text into an 'L' shaped space.

[skullcap]

Is there any way using HTML 4.01 of wrapping text and other inline
elements into an 'L' or 'C' shaped space in a table - i.e. telling the
browser that a series of table cells which don't form a square, line, or
rectangle should all be considered as part of the same inline block?

What i want it for is I'm using a two column table to display a series of
images with text, and I want the images opposite the centre of each text
section, with the text sections overlapping each other side to side when
they're taller than the image, so that there isn't too much wasted space.
This is working OK in the centre of the table, but if the text for the
first and last images is taller than the image, I want it to wrap into the
unused space above/below the image, rather than stay in a column. This
can't be done using rowspan/colspan I think, as these only work for square
or rectangular blocks.

andy.

--
http://www.niftybits.ukfsn.org/skullcap.html

remove 'n-u-l-l' to email me. html mail or attachments will go in the spam
bin unless notified with [html] or [attachment] in the subject line.

[Owen Jacobson]

On Thu, 12 Feb 2004 04:00:43 +0000, skullcap wrote:

Is there any way using HTML 4.01 of wrapping text and other inline
elements into an 'L' or 'C' shaped space in a table - i.e. telling the
browser that a series of table cells which don't form a square, line, or
rectangle should all be considered as part of the same inline block?

Not by using a table, no.

Float the image. Or, if you need a caption, float the element (possibly
a div) containing the image and the caption.

f'ups set.

--
Some say the Wired doesn't have political borders like the real world,
but there are far too many nonsense-spouting anarchists or idiots who
think that pranks are a revolution.

[Stan Brown]

It seems "skullcap" wrote in comp.infosystem s.www.authoring.html:

What i want it for is I'm using a two column table to display a series of
images with text, and I want the images opposite the centre of each text
section, with the text sections overlapping each other side to side when
they're taller than the image, so that there isn't too much wasted space.

Use align=right in the <img> tags (or float:right in your CSS if
any).

--
Stan Brown, Oak Road Systems, Cortland County, New York, USA
http://OakRoadSystems.com/
HTML 4.01 spec: http://www.w3.org/TR/html401/
validator: http://validator.w3.org/
CSS 2 spec: http://www.w3.org/TR/REC-CSS2/
2.1 changes: http://www.w3.org/TR/CSS21/changes.html
validator: http://jigsaw.w3.org/css-validator/

[Reply via newsgroup]

skullcap wrote:

Is there any way using HTML 4.01 of wrapping text and other inline
elements into an 'L' or 'C' shaped space in a table - i.e. telling the
browser that a series of table cells which don't form a square, line, or
rectangle should all be considered as part of the same inline block?

What i want it for is I'm using a two column table to display a series of
images with text, and I want the images opposite the centre of each text
section, with the text sections overlapping each other side to side when
they're taller than the image, so that there isn't too much wasted space.
This is working OK in the centre of the table, but if the text for the
first and last images is taller than the image, I want it to wrap into the
unused space above/below the image, rather than stay in a column. This
can't be done using rowspan/colspan I think, as these only work for square
or rectangular blocks.

andy.

The answer is no... but... I had the same question and if you go to
http://news.bbc.co.uk and check out any one of their long stories,
you'll find they have managed it.

On further investigation, what I see that they have done is either by
including an image or table half way down their story text which makes
it appear that the main story line forms an 'L' or 'C' shape... So, it
would be correct to say that you cannot do this with a single cell in
HTML, but you can create the illusion of the effect you require.

Hope the above helps...