473,395 Members | 1,554 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,395 software developers and data experts.

make text flow around other text ?



This text starts +---------------+
on the left but | |
then when the box | some boxed |
ends we see that | text |
the text on the | |
left is allowed +---------------+
to flow across all the way to the
right margin. What HTML tags convey
that this flowing should occur ?

Note: The boxed text is preferrably
as text and not as an image.

Thanks. er*******@rcn.com

Jul 20 '05 #1
12 2906
>From: er*******@rcn.com (Eric*Osman)
What HTML tags convey
that this flowing should occur ?


A simple Tables Layout can accomplish that!

Web Design-Magic-Painting-Junking-Games
INFO 2000 For You
http://www.davmagic.com

Jul 20 '05 #2
Davmagic com wrote:
From: er*******@rcn.com (Eric Osman)
What HTML tags convey
that this flowing should occur ?


A simple Tables Layout can accomplish that!


Not sure if you are being sarcastic or not, but I can't see any way of
making a table layout do that.

--
Jim Dabell

Jul 20 '05 #3
>From: ji********@jimdabell.com
(Jim*Dabell)
Not sure if you are being sarcastic or not,
but I can't see any way of making a table
layout do that.


Try:

<table><tr><td align="left">all your main text here...<table
align="right"><tr><td>your boxed text
here</td></tr></table></td></tr></table>

Web Design-Magic-Painting-Junking-Games
INFO 2000 For You
http://www.davmagic.com

Jul 20 '05 #4
>From: ji********@jimdabell.com
(Jim*Dabell)
Not sure if you are being sarcastic or not,
but I can't see any way of making a table
layout do that.


OR Try:

<table><tr><td align="left"><table align="right"><tr><td>your boxed text
here</td></tr></table>all your main text here...</td></tr></table>

Web Design-Magic-Painting-Junking-Games
INFO 2000 For You
http://www.davmagic.com

Jul 20 '05 #5
Davmagic com wrote:
Not sure if you are being sarcastic or not,
but I can't see any way of making a table
layout do that.

OR Try:

<table><tr><td align="left"><table align="right"><tr><td>your boxed text
here</td></tr></table>all your main text here...</td></tr></table>


OR try some common sense markup. A div or p element floated right,
with a width set to the author's desire. A bit simpler then the mess
you have.

--
Brian
follow the directions in my address to email me

Jul 20 '05 #6
Davmagic com wrote:
Not sure if you are being sarcastic or not,
but I can't see any way of making a table
layout do that.

OR Try:

<table><tr><td align="left"><table align="right"><tr><td>your boxed text
here</td></tr></table>all your main text here...</td></tr></table>


OR try some common sense markup. A div or p element floated right,
with a width set to the author's desire. A bit simpler then the mess
you have.

--
Brian
follow the directions in my address to email me

Jul 20 '05 #7
In article <37**************@storefull-2376.public.lawson.webtv.net>,
DL**@webtv.net says...
From: ji********@jimdabell.com
(Jim=A0Dabell)
Not sure if you are being sarcastic or not,
but I can't see any way of making a table
layout do that.


OR Try:

<table><tr><td align=3D"left"><table align=3D"right"><tr><td>your boxed te=
xt
here</td></tr></table>all your main text here...</td></tr></table>

I tried it. Doesn't seem to work: http://porjes.haxorz.org/unboxed.html

Have I miscopied your code? IE6 and Opera overlay some of the text.
It's better (but not boxed) in Mozilla.
Jul 20 '05 #8
In article <37*************@storefull-2376.public.lawson.webtv.net>,
DL**@webtv.net says...
From: ji********@jimdabell.com
(Jim=A0Dabell)
Not sure if you are being sarcastic or not,
but I can't see any way of making a table
layout do that.


Try:

<table><tr><td align=3D"left">all your main text here...<table
align=3D"right"><tr><td>your boxed text
here</td></tr></table></td></tr></table>

Just tried this as well. Doesn't seem to work. Have I done something
wrong?

I tried to copy both of your examples:

http://porjes.haxorz.org/unboxed.html

It does different things in different browsers, which one is it supposed
to work in?
Jul 20 '05 #9
>From: po****@spamcop.net
(Jacqui*or*(*maybe)*Pete)
I tried it. Doesn't seem to work:
http://porjes.haxorz.org/unboxed.html
Have I miscopied your code? IE6 and
Opera overlay some of the text. It's better
(but not boxed) in Mozilla.


You need to add a width to the boxed data table:

<table><tr><td align="left"><table width="200" align="right"><tr><td
width="200">put your boxed text here</td></tr></table>put all your main
text here</td></tr></table>

Web Design-Magic-Painting-Junking-Games
INFO 2000 For You
http://www.davmagic.com

Jul 20 '05 #10
Lauri Raittila wrote:

<table><tr><td align=3D"left">all your main text here...<table
align=3D"right"><tr><td>your boxed text
here</td></tr></table></td></tr></table>

Doesn't seem to work. Have I done something wrong?


Yes. Try this:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<title>Un-nested text</title>
<table align="right" border="2">
<tr><td height="50">boxed text</table>
<p>all your main text here...
all your main text here...
all your main text here...
all your main text here...
all your main text here...
<p>all your main text here...
all your main text here...
all your main text here...
all your main text here...
all your main text here...
all your main text here...

Should work on NN2+


Doesn't work. Moz 1.3/Win2k. Nor on O7/Win2k. Or to be more
precise, your example above only worked because the boxed text
contained only 2 words, "boxed text." With more text in the left box,
it does not work (nor should it). Test case below:

< http://www-unix.oit.umass.edu/~btrem...ablefloat.html >

--
Brian
follow the directions in my address to email me

Jul 20 '05 #11
In article <W5GRa.76080$OZ2.13688@rwcrnsc54>, Brian wrote:
Lauri Raittila wrote:
[snip]
Should work on NN2+


Doesn't work. Moz 1.3/Win2k. Nor on O7/Win2k. Or to be more
precise, your example above only worked because the boxed text
contained only 2 words, "boxed text." With more text in the left box,
it does not work (nor should it).


Maybe I should have mentioned, that this was one of the reasons it worked
(orginal question had only little text, at it was hard wrapped). Only
posted because the other code was having problem with useless table, and
the real table in wrong place. (and surely didn't bother test and add
disclaimer to it)

The funny thing with table layouts are, that when you get used to CSS
layouts, table layouts seem to be harder to do than CSS ones. And so
inflexible. (It would work as float on div if width was aplied to it -
but so would div with float ;-)
< http://www-unix.oit.umass.edu/~btrem...ablefloat.html >


It breaks on Opera 7 pretty badly - I bet it would work better on NN2 :-)

Seems that Opera has bug. It should act as if float:right was aplied to
table, but for some reason it don't.

--
Lauri Raittila <http://www.iki.fi/lr> <http://www.iki.fi/zwak/fonts>
Saapi lähettää meiliä, jos aihe ei liity ryhmään, tai on yksityinen
tjsp., mutta älä lähetä samaa viestiä meilitse ja ryhmään.

Jul 20 '05 #12
In article <MP************************@news.cis.dfn.de>, Lauri Raittila
wrote:
< http://www-unix.oit.umass.edu/~btrem...ablefloat.html >


It breaks on Opera 7 pretty badly - I bet it would work better on NN2 :-)

Seems that Opera has bug. It should act as if float:right was aplied to
table, but for some reason it don't.


So now, when Someone says that table layouts are good, because they work
on old browsers, we can answer that there is problems with them on new
browsers! :-)

--
Lauri Raittila <http://www.iki.fi/lr> <http://www.iki.fi/zwak/fonts>
Saapi lähettää meiliä, jos aihe ei liity ryhmään, tai on yksityinen
tjsp., mutta älä lähetä samaa viestiä meilitse ja ryhmään.

Jul 20 '05 #13

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

2
by: Billy | last post by:
Hi, This is in connection to the tread: Re: changing browser text settings?? I am wondering if there is a way to retrieve the browsers text size (not change! ;-) ) so that I can dynamically...
1
by: Vincent | last post by:
I noticed an irritating behaviour of the text-indent property and I wonder if I'm the only one to feel this way about it: it seems that text-indent applies even to floated elements. Although this...
0
by: Charles Blaquière | last post by:
While noodling around, looking for a good layout for an "events calendar" page, I came upon a problem that has me stymied. Have a look at http://kpuc.org/events/upcoming-2.html . The basic...
0
by: jeggertsen | last post by:
I noticed a reformatting text problem with IE5 on a mac. This is the only place I've seen this happen. Safari on mac is fine, as is every browser I tested (IE6,Firefox,NN) on windows. When a...
3
by: Rennie deGraaf | last post by:
I'm working on this page (http://pages.cpsc.ucalgary.ca/~degraaf/test/test.html). In the central (green-bordered) area, I want a bunch of (red-bordered) blocks each containing a thumbnail image...
1
by: Paolo Pignatelli | last post by:
I would like to have images, that are generated from a SQL Server (an address to the images) flow around text that a label gets dynamically from a SQL Server. Any recommendations, please? TIA,...
2
by: zeyais | last post by:
I am using ASP.net (should be transparent in this case). The page is generated alright. The page has fieldset, divs and tables and other HTML elements like text box, drop downs etc; all are...
3
by: David Golightly | last post by:
I'm taking a stab at making CSS sparklines - see http://www.edwardtufte.com/bboard/q-and-a-fetch-msg?msg_id=0001OR&topic_id=1&topic= <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC...
8
by: Jonathan Sachs | last post by:
I'm trying to compose a list of items, each of which consists of text that wraps around a picture at the left margin. The examples I have seen tell me to do it like this: <p><img src="xxxx.jpg"...
0
by: Charles Arthur | last post by:
How do i turn on java script on a villaon, callus and itel keypad mobile phone
0
by: ryjfgjl | last post by:
In our work, we often receive Excel tables with data in the same format. If we want to analyze these data, it can be difficult to analyze them because the data is spread across multiple Excel files...
0
by: emmanuelkatto | last post by:
Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel
0
BarryA
by: BarryA | last post by:
What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...
1
by: Sonnysonu | last post by:
This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...
0
by: Hystou | last post by:
There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...
0
marktang
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However,...
0
by: Hystou | last post by:
Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows...
0
tracyyun
by: tracyyun | last post by:
Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.