[thelist] Image positioning

Arlen.P.Walker at jci.com Arlen.P.Walker at jci.com
Mon Mar 26 18:26:39 CST 2001


Just for grins and giggles, I tried replacing the HSPACE, VSPACE and ALIGN
attributes of a series of IMG tags with CSS (margin for the space
attributes, and float for align).

Problems noted:

NS6: Image is supposed to remain with text it illustrates, only at the left
margin. If the paragraph of text isn't long enough, then the next image
drops below the first, and the text continues unabated, killing the
synchronization between text and illustration. IE5.5 maintains the
synchronization. My guess is NS6 is doing what I'm telling it, but how can
I synchronize text and graphics then?

IE5.5: If I alternate images left and right to try to cover for this, IE
doesn't wrap the text before coming to the right-hand image, so it just
extends over it. Since IE is having loads of trouble with word wrap at the
right margin anyway, I'm assuming this also is an IE 5.5 thing.

Is there a fix for this, aside from tables, that is?

 From the CSS:

.diagramleft {
    float: left;
     clear: left;
     margin: 10px;
}

.diagramright {
     clear: right;
     float: right;
     margin: 10px;
}

.story {
    position: absolute;
    left: 20%;
    line-height: 1em;
    width: auto;
    max-width: 58%;
    text-align: justify;
    float: left;
    margin-left: 1em;
}

 From the HTML:
<IMG id="Picture16" HEIGHT="144" WIDTH="144" SRC="../images/PN1C.gif"
class="diagramleft" border="0" ALT="PN1C.gif" >

<p>
<B>47. ... Rf5 48. c6 Rf6? </B>48. ... Rf7? fails in the same way. But on
48. ... Rf8 would follow:&nbsp;49. Re5 Rc8 50. Rc5+ Kd4!, and White cannot
hold the c-pawn.
</P>

<p>
<IMG id="Picture15" class="diagramleft" HEIGHT="144" WIDTH="144" SRC
="../images/PN1D.gif"
border="0" ALT="PN1D.gif" > <B>49.
Rc5+ Kb4 50. c7?</B> This gets a query not because it loses so much as it
throws away a perfectly clear and simple win. I had found 50. c7 and judged
it as winning with a cute rook sac, so I didn't look for a simpler way to
win. Here, simply 50. Rc4+ lets the pawn queen without giving up the rook
to do it. After Black moves his king, 51. c7 forces Black to give up his
rook for the pawn. From that point the win is a simple mop-up operation. If
one move wins, look for a simpler way.
</P>

Have fun,
Arlen
Chief Managing Director In Charge, Department of Redundancy Department
DNRC 224

Arlen.P.Walker at JCI.Com
----------------------------------------------
In God we trust; all others must provide data.
----------------------------------------------
Opinions expressed are mine and mine alone.
If JCI had an opinion on this, they'd hire someone else to deliver it.





More information about the thelist mailing list