[thelist] Re: Make image series wrap where I want?

Keith Dahlby dahlbyk at softhome.net
Fri Feb 7 10:23:01 CST 2003


Lea ~
Try something like this:

<span style="float: left; white-space: nowrap">
   <img src="1.gif" />
   <img src="2.gif" />
</span>
<span style="float: left; white-space: nowrap">
   <img src="3.gif" />
   <img src="3.gif" />
</span>
<span style="clear: left"></span>

This will group the images in pairs that will try to render on the same
line.  If they can't, the second span will fall wrap to the next line.  The
last <span> ensures that content below the floats won't flow under them.

HTH
Cheers ~ K

At 03:36 PM 2/6/2003, you wrote:
>From: <incoming at kubaton.com>
>To: "Evolt.Org_Thelist" <thelist at lists.evolt.org>
>Date: Thu, 6 Feb 2003 14:36:36 -0500
>Subject: [thelist] Make image series wrap where I want?
>Reply-To: thelist at lists.evolt.org
>
>A friend of mine does the web comic Angel Moxie (http://angelmoxie.com).
>He used to arrange it as four panels in a straight line across the page.
>But he recently upped the panel size and text size to make them more
>readable and therefore arranges them in a 2x2 square instead.
>
>What he really wants is to be able to display them in a straight line if
>the user's browser has the room; if it doesn't then it should wrap after
>the second panel to make the 2x2 square.
>
>I tried it out using <NOBR> tags but that doesn't work in Windows Opera
>7 or Mac IE 5.5 (http://kubaton.com/test/index.html). Does anyone know
>how I can help him out and get it to work the way he wants?
>
>_Lea
>
>PS. What's the consensus on <NOBR></NOBR> and <TD nobr> tags? Which ones
>are legal, official, unsupported etc?




More information about the thelist mailing list