By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
454,620 Members | 982 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 454,620 IT Pros & Developers. It's quick & easy.

laying out text into an 'L' shaped space.

P: n/a

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.

Jul 20 '05 #1
Share this Question
Share on Google+
3 Replies


P: n/a
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.

Jul 20 '05 #2

P: n/a
It seems "skullcap" wrote in comp.infosystems.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/
Jul 20 '05 #3

P: n/a
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...
Jul 20 '05 #4

This discussion thread is closed

Replies have been disabled for this discussion.