[Prev][Next][Index][Thread]

Re: vertical-align (5.4.4)



Jim King wrote:
> <P>This is a sentence with an inline equation: 
>   <SPAN STYLE="line-height: 12">
>     <IMG STYLE="vertical-align: -25%" SRC="equation.gif">
>   </SPAN>
> </P>
> 
> would shift the equation down by 3 points.  The only problem is that
the
> height of objects themselves are usually defined relative to the
canvas...

Actually, I suggested a line height in pixels, to conform with the
pixel measure of bitmaps. As for your markup producing a 3 point drop,
I don't think so, as you haven't specified line-height as '12pt'. 'px'
is pixel measure, but I wonder how UAs are supposed to treat values
without units. I assumed pixels, since that's default in HTML.

> <P>This is an inline equation:
>   <IMG STYLE="height: 120px; width: 300px; vertical-align: -45px"
>        SRC="equation.gif">
> </P>

Yes, this is much cleaner.

Replaced elements have no baseline by default. Can they be given one?

  <P>This is an inline equation:
    <IMG STYLE="font-size: 100%;
                height: 4em; width: 10em;
                vertical-align: -5%"
         SRC="equation.gif">
  </P>

If so, the above would produce a graphic that is both sized and
vertically-aligned relative to the parent's font.

David Perrell